Why does (“foo” === new String(“foo”)) evaluate to false in JavaScript?

by

"foo" is a string primitive. (this concept does not exist in C# or Java)

new String("foo") is boxed string object.

The === operator behaves differently on primitives and objects.
When comparing primitives (of the same type), === will return true if they both have the same value.

When comparing objects, === will return true only if they refer to the same object (comparing by reference). Thus, new String("a") !== new String("a").

In your case, === returns false because the operands are of different types (one is a primitive and the other is an object).

Primitives are not objects at all.
The typeof operator will not return "object" for primitives.

When you try to access a property of a primitive (using it as an object), the Javascript language will box it to an object, creating a new object every time. This is described in the specification.

This is why you cannot put properties on primitives:

var x = "a";
x.property = 2;
alert(x.property) //undefined

Each time you write x.property, a different boxed String object is created.

More Related Contents:

  1. Javascript – deepEqual Comparison
  2. Most efficient method to groupby on an array of objects
  3. Add a property to a JavaScript object using a variable as the name?
  4. Convert JS object to JSON string
  5. What is the difference between ( for… in ) and ( for… of ) statements?
  6. What does [object Object] mean?
  7. Converting an object to a string
  8. Sorting a JavaScript object by property name
  9. How to map more than one property from an array of objects
  10. How to convert an array of objects to object with key value pairs
  11. How to concatenate properties from multiple JavaScript objects
  12. Extending an Object in Javascript
  13. iterating through object
  14. How do I check if an object has a key in JavaScript? [duplicate]
  15. Using jQuery to compare two arrays of Javascript objects
  16. Destructuring and rename property
  17. JavaScript code trick: What’s the value of foo.x
  18. Javascript string array to object [duplicate]
  19. “this” inside object [duplicate]
  20. Javascript group objects by property [closed]
  21. How to get object itself in custom Object.prototype.xxx function?
  22. Push Object in Array [duplicate]
  23. How to conditionally add properties to a javascript object literal
  24. JavaScript Extending Class
  25. Javascript – removing undefined fields from an object [duplicate]
  26. Using JavaScript what’s the quickest way to recursively remove properties and values from an object?
  27. Array.includes() to find object in array
  28. Setting one object equal to another object with the assignment operator in Javascript
  29. Why is “forEach not a function” for this object?
  30. Can I define custom operator overloads in Javascript? [duplicate]

Leave a Comment