102

I was going to start using === (triple equals, strict comparison) all the time when comparing string values, but now I find that

"foo" === new String("foo")

is false, and same with this:

var f = "foo", g = new String("foo");
f === g; // false

Of course:

f == g; // true

So is it recommended to always use == for string comparison, or always convert variables to strings before comparing?

14
  • 6
    Maybe because foo is the pure string and new String("foo") is the Object String Jun 8, 2012 at 15:40
  • Background: stackoverflow.com/questions/1646698/…
    – Pekka
    Jun 8, 2012 at 15:40
  • 6
    It is recommended not to create strings with new String (Completely pointless) rather than using ==
    – Esailija
    Jun 8, 2012 at 15:41
  • 2
    Why would anybody want to use construct like new String("foo") in Javascript in the first place? I've never seen such code in code i.e. jQuery... Jun 8, 2012 at 15:42
  • 2
    You can use String(obj) to convert a boxed string to the primitive once you've received your "string" parameter. ("foo" === String(new String("foo"))) === true
    – OrangeDog
    Jun 8, 2012 at 17:02

5 Answers 5

128

"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.

13
  • 35
    +1 typeof "foo"; // "string", typeof new String("foo"); // "object"
    – Sampson
    Jun 8, 2012 at 15:40
  • 1
    Interesting, I thought strings were objects in JS. Jun 8, 2012 at 15:43
  • 1
    @Sarfraz: Almost everything. Don't forget about null and undefined.
    – user1106925
    Jun 8, 2012 at 15:47
  • 2
    if( Object(a) !== a ) { //it's a primitive }
    – Esailija
    Jun 8, 2012 at 15:51
  • 1
    Java do have primitives / .Net don't Jul 30, 2012 at 20:01
34

Using ===,

  • an Object is never equal to anything except another reference to itself.

  • a primitive is equal when compared to another primitive if their type and value are the same.

1
  • 3
    new String("foo") === new String("foo") is false :-P
    – gen_Eric
    Jun 8, 2012 at 15:41
10

The new word is a criminal here (as usual, may I say)...

When you use new, you explicitly express your desire to work with object. It might be surprising for you, but this:

var x = new String('foo');
var y = new String('foo');
x === y; 

... will give you a mighty false. It's simple: compared are not the objects' insides, but the objects' references. And they, of course, are not equal, as two different objects were created.

What you probably want to use is conversion:

var x = String('foo');
var y = String('foo');
x === y;

... and that will give you, as expected, true as result, so you can rejoice and prosper with your equal foos forever. )

2
  • 2
    quick question about using this. You're calling String (a constructor?) without the 'new' keyword. Doesn't this mean you will pollute the scope with any properties assigned within the String constructor? Or does that not happen because the constructor is native code? In other words, suppose the String function contained "this.a = 1;" -- that means your function/object would now have a property a = 1. Jun 8, 2012 at 21:03
  • 1
    I suppose (but cannot say for sure) each of the 'boxing constructor' functions first checks its context - and if it's not a 'newish one' (i.e., a prototype object), switches to the conversion method right away. In case of String that would be toString() method, for example.
    – raina77ow
    Jun 8, 2012 at 23:26
4

foo is the pure string and new String("foo") is the Object String

2

From the node.js REPL ("node" on the command-line if installed):

> "foo" === new String("foo").valueOf()
true
> "foo" === new String("foo")
false
> typeof "foo"
'string'
> typeof new String("foo")
'object'
> typeof new String("foo").valueOf()
'string'
1
  • typeof doesn't need to be used like a function, and IIRC new binds to the first function call. Dec 2, 2022 at 1:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.