What is the difference between string primitives and String objects in JavaScript?

by

JavaScript has two main type categories, primitives and objects.

var s="test";
var ss = new String('test');

The single quote/double quote patterns are identical in terms of functionality. That aside, the behaviour you are trying to name is called auto-boxing. So what actually happens is that a primitive is converted to its wrapper type when a method of the wrapper type is invoked. Put simple:

var s="test";

Is a primitive data type. It has no methods, it is nothing more than a pointer to a raw data memory reference, which explains the much faster random access speed.

So what happens when you do s.charAt(i) for instance?

Since s is not an instance of String, JavaScript will auto-box s, which has typeof string to its wrapper type, String, with typeof object or more precisely s.valueOf(s).prototype.toString.call = [object String].

The auto-boxing behaviour casts s back and forth to its wrapper type as needed, but the standard operations are incredibly fast since you are dealing with a simpler data type. However auto-boxing and Object.prototype.valueOf have different effects.

If you want to force the auto-boxing or to cast a primitive to its wrapper type, you can use Object.prototype.valueOf, but the behaviour is different. Based on a wide variety of test scenarios auto-boxing only applies the ‘required’ methods, without altering the primitive nature of the variable. Which is why you get better speed.

More Related Contents:

  1. Count the recurrence of a word
  2. Convert JS object to JSON string
  3. Converting an object to a string
  4. String to object in JS
  5. Does console.log invokes toString method of an object?
  6. Get object property name as a string
  7. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  8. How to remove all duplicates from an array of objects?
  9. Fastest method to escape HTML tags as HTML entities?
  10. Recursively looping through an object to build a property list
  11. `new function()` with lower case “f” in JavaScript
  12. Find and remove objects in an array based on a key value in JavaScript
  13. Optimum way to compare strings in JavaScript? [duplicate]
  14. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  15. What does ${} (dollar sign and curly braces) mean in a string in JavaScript?
  16. How to insert variables in JavaScript strings?
  17. JavaScript replace() method dollar signs
  18. Create an empty object in JavaScript with {} or new Object()?
  19. Is there a JavaScript strcmp()?
  20. javascript : function and object…?
  21. Getting index of an array’s element based on its properties
  22. How to remove part of a string?
  23. Javascript unicode string, chinese character but no punctuation
  24. JavaScript: Remove duplicates of objects sharing same property value
  25. How to create Javascript constants as properties of objects using const keyword?
  26. How do I count a JavaScript object’s attributes? [duplicate]
  27. Object referencing its own property on initialization [duplicate]
  28. Print / display a JavaScript variable’s name instead of it’s value
  29. Converting Array of Objects into Array of Arrays
  30. How to count the number of lines of a string in javascript

Leave a Comment