Tip Details Add a Related Tip

Rate as: Positive Negative

Efficient building of large strings in Javascript

If you need to build up a large string in Javascript, there is a right way and a wrong way to do this. The wrong way is to repeatedly concatenate new pieces of the text to the string. The right way is to build up an array with all of the string pieces as array elements and to then join the array into a string when all of the pieces are added. The array method is much faster due to the slow handling of large strings in Javascript.

To illustrate, here's the wrong way to create a string made up of component strings.

...
var result = ; 
for ( --some loop condition-- ) {
    result += --some string content--;
}
...

And here is the faster way to build up the string
...
var tmpArray = []; 
for ( --some loop condition-- ) {
    tmpArray.push(--some string content--);
}
var result = tmpArray.join();
...

Test out the code yourself, you'll find that the array method is much faster. If you are building up small strings in this manner, there's really not much difference between doing this in either manner since the total time spent doing this is small. But if you are going to be doing a larger operation, or the potential for a larger operation exists, you should make use of the more efficient method for building up strings in Javascript.
Rating: no ratings, 0 total Votes
Categories: javascript programming web
Added: on Aug 08, 2007 at 12:52 pm
Added By: an anonymous user

Comments on this Tip

Add a Comment
There are no comments for this tip
Your Comment:
(how to format)
Rate This Tip:

Verify Humanity:
Sorry, we know it's annoying, but please enter the characters shown in the image to the left so that we know you're an actual person and not an evil spammer. Thanks.
       

Related Tips

Static variables in Javascript

100% positive, 2 comments - last added on May 08, 2008 at 4:19 pm
– Tip added by an anonymous user on Aug 03, 2007 at 4:19 pm

Scrolling HTML elements using the keyboard

100% positive, 0 comments
– Tip added by rlansky on Jun 22, 2007 at 9:34 am

compressing javascript

100% positive, 0 comments
– Tip added by an anonymous user on Jun 12, 2008 at 3:02 pm

Telling when an iframe is done loading

100% positive, 0 comments
– Tip added by an anonymous user on Apr 18, 2008 at 8:05 am

Creating vector graphics in javascript

100% positive, 0 comments
– Tip added by Marcos84 on May 10, 2007 at 2:44 pm

Javascript variable naming

no ratings, 0 comments
– Tip added by an anonymous user on Sep 30, 2007 at 7:28 am

Code for creating Javascript CSS charts

no ratings, 0 comments
– Tip added by an anonymous user on Aug 21, 2007 at 12:23 pm

Avoid invalid title names when opening javascript windows

no ratings, 0 comments
– Tip added by an anonymous user on Aug 07, 2007 at 9:36 am

Nice article on javascript techniques

no ratings, 0 comments
– Tip added by rlansky on Apr 24, 2007 at 8:12 am

Using functions in conditionals in Smarty

Categories: php programming Smarty web
100% positive, 3 comments - last added on May 21, 2008 at 1:36 pm
– Tip added by rlansky on Aug 10, 2007 at 1:02 pm

Something to consider before switching platforms

100% positive, 0 comments
– Tip added by an anonymous user on Sep 25, 2007 at 7:31 pm

Trimming whitespace in Javascript

Categories: javascript programming
100% positive, 0 comments
– Tip added by an anonymous user on Sep 13, 2007 at 1:54 pm

Javascript Error: unterminated regular expression literal

100% positive, 0 comments
– Tip added by marty on Jun 26, 2008 at 1:20 pm

Copyright date on sites

Categories: web programming php Smarty
100% positive, 0 comments
– Tip added by an anonymous user on Mar 11, 2008 at 8:14 am

Wrap web text to any shape

100% positive, 0 comments
– Tip added by an anonymous user on Dec 16, 2007 at 10:35 am

Avoiding facebook timeout errors

Categories: Facebook programming web
100% positive, 0 comments
– Tip added by an anonymous user on Aug 21, 2007 at 5:21 pm

Declaring variables in Javascript

Categories: javascript web
100% positive, 1 comment - last added on Aug 17, 2007 at 8:08 am
– Tip added by an anonymous user on Aug 16, 2007 at 9:54 am

Learn Python in 10 minutes

Categories: programming Python web
100% positive, 0 comments
– Tip added by Marcos84 on Jul 20, 2007 at 7:42 am

Javascript: How to Create a Random Number

0% positive, 0 comments
– Tip added by Walkere on Feb 23, 2008 at 9:49 pm

Don't use onChange events for checkboxes

Categories: HTML DOM javascript web
no ratings, 0 comments
– Tip added by an anonymous user on Oct 01, 2007 at 4:01 pm