Are there any string formatting functions built into jQuery?

Question

I have the following code:

$("#stats-list") .append("<li>Elapsed: " + ajaxElapsed + "</li>\n" + "<li>Display: " + tableElapsed + "</li>\n" + "<li>Total: " + (ajaxElapsed + tableElapsed) + "</li>");

This was originally three appends that I concatenated into one. Is there anything I could do with jQuery that would clean up this code even more. What I was wondering was if jQuery has any string formatting with tokens that I could use.

This stackoverflow.com/questions/610406/… and this stackoverflow.com/questions/1038746/… look like what you are asking for. — Ilia Frenkel
– Ilia Frenkel, Commented Sep 14, 2012 at 6:12

Markus Jarderot · Accepted Answer · 2012-09-14 06:20:09Z

function format(formatString) { var args = Array.prototype.slice.call(arguments,1); return formatString.replace(/\{(\d+)\}/g, function(match, num) { return args[Number(num)]; }); } format("<li>Elapsed: {0}</li>\n<li>Display: {1}</li>\n<li>Total: {2}</li>", ajaxElapsed, tableElapsed, ajaxElapsed + tableElapsed);

Any ideas why format is not there as part of javascript core functionality?
Ecma did probably not consider it necessary. It's easy to implement yourself, as you see above.

TheHe · Accepted Answer · 2012-09-14 06:14:38Z

afaik there is none built-in, but a powerful templating-subsystem, see jQuery Templates

just for completeness, i think this could be done more elegant:

var list = $('#stats-list'); $('<li />').text('Elapsed: ' + ajaxElapsed).appendTo(list); $('<li />').text('Display: ' + tableElapsed).appendTo(list); $('<li />').text('Total: ' + (ajaxElapsed + tableElapsed)).appendTo(list);

Do you think I could use javascript formatting instead? I've almost no knowledge of javascript so I will have to look into that?

elclanrs · Accepted Answer · 2012-09-14 06:17:26Z

If you have many items you can do something like this to avoid missing + and writing li so many times. You can add any number of items inside the array and they will be joined with lis appropriately.

var list = '<li>' + [ 'Elapsed: ' + ajaxElapsed, 'Display: ' + tableElapsed, 'Total: ' + ajaxElapsed + tableElapsed ].join('</li><li>') + '</li>'; $("#stats-list").append(list);

As a note I wouldn't use \n. li is a block element by default, so you'd be better styling it with css.

Collectives™ on Stack Overflow

Are there any string formatting functions built into jQuery?

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Hot Network Questions