CODEWITHSUNDEEP
javascript
vijayant
vijayant

Reputation: 168

How does String.length work in JavaScript?

I want to know how is the string length of a string calculated in js. Is is a function call or a class data member. I want to know what happens when we execute the following code :

a = 'this is a string';
console.log(a.length); // what actually happens at this point?

Also if a do this : 

a += ' added something';
console.log(a.length); // at what point is the new length calculated 
//and/or updated for the object 'a';

And at last, do I need to store the string length in a temp variable while using a loop over the string or can I directly use the following (which one is faster/processor efficient) :

for(var i=0;i<a.length;i++){
  // doing anything here
}

Summing up my question, I want to know the processing behind String.length and which practice is better while looping over strings?

Upvotes: 3

Views: 2975

Answers (3)

Sarthak Joshi
Sarthak Joshi

Reputation: 171

Strings are a primitive type. At least that's what the documentation says. But we can access the length of the string as if we are accessing the property of an object(with the dot notation). Which indicates it's an object, Right?

Turns out, whenever we make a call from the string primitive to some property using the dot notation (for example, say length), the Js engine will take this primitive string and wrap it into an equivalent wrapper object, which is a String object. And then, the .length on that String object returns the length.

Interesting thing to note here is, that when we do something like this, our string still stays the same primitive string during all of this. And a temporary object is created to make our string operation work. Once the required property is fetched, this temporary object is deleted from the memory.

Hope this gives some high level understanding.

Upvotes: 5

Hang Chen
Hang Chen

Reputation: 863

I'm answering your first question.

I'm also curious about this puzzle so I did some search myself, ended up finding -

Based on String documentation from Mozilla:

String literals (denoted by double or single quotes) and strings returned from String calls in a non-constructor context (i.e., without using the new keyword) are primitive strings. JavaScript automatically converts primitives to String objects, so that it's possible to use String object methods for primitive strings. In contexts where a method is to be invoked on a primitive string or a property lookup occurs, JavaScript will automatically wrap the string primitive and call the method or perform the property lookup.

So as I understand, when you use somestring.length, the primitive string will first be wrapped as a String object, and then since the object has its property length, so it's just a internal method call to access and return.

Upvotes: 2

Denys S&#233;guret
Denys S&#233;guret

Reputation: 382130

A string is immutable in JavaScript.

a += "somestring" doesn't change the length of a string but makes a new string.

This means there is no "new length", but the length is just part of the definition of the string (more precisely it is stored in the same structure in implementations).

Regarding

for(i=0;i<a.length;i++){ // did you forget the 'var' keyword ?

a not so uncommon practice (if you don't change a) was to optimize it as

for (var i=0, l=a.length; i<l; i++)

in order to avoid the reading of the length but if you compare the performances with modern engines, you'll see this doesn't make the code any faster now.

What you must remember : querying the length of a string is fast because there is no computation. What's a little less fast is building strings (for example with concatenation).

Upvotes: 7

Related Questions