jQuery each for collection of strings

Question

The code below throws an exception in firefox:

 $(function(){
        $(["one","two","three"]).each(function(){
            if(this == "one")
                $("div#msg").html(this);
        });
    });

the exception is this:

Could not convert JavaScript argument arg 0 [nsIDOMDocumentFragment.appendChild]

Yet if I change code and use this.toString() as follows, it works:

$(function(){
    $(["one","two","three"]).each(function(){
        if(this == "one")
            $("div#msg").html(this.toString());
    });
});

If "this" is a string, why do I need to do toString()? Is there a nuance of javaScript which I am missing or am I just being a moron? Please tell me it's a nuance.

Selvakumar Arumugam · Accepted Answer · 2012-01-26 19:26:30Z

1

Distinction between string primitives and String objects JavaScript automatically converts primitives and 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.

~From MDN Read More

$("div#msg").html("one"); //works

$("div#msg").html(new String("one")); // doesnt work

For ex:

try {         
    $("div#msg").html(new String("one"));
} catch (e) {
    $("div#msg").html("Can't use String object");
}

And the output of the div is Can't use String object. Demo here

answered Jan 26, 2012 at 19:26

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ShankarSangoli · Accepted Answer · 2012-01-26 19:13:06Z

1

For some reason it do not work with array. Try this.

 $(["one","two","three"]).each(function(i, val){
        if(val == "one")
            $("div#msg").html(val);
 });

answered Jan 26, 2012 at 19:13

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Comments

idrumgood · Accepted Answer · 2012-01-26 19:17:24Z

1

if you try this:

 $(function(){
        $(["one","two","three"]).each(function(){
            console.log(this);
            console.log(this.toString());
        });
    });

you'll see in the console that this and this.toString() aren't actually the same thing. It would seem that this is a String object and that this.toString() is an actual string.

answered Jan 26, 2012 at 19:17

idrumgood

4,93421 silver badges29 bronze badges

Collectives™ on Stack Overflow

jQuery each for collection of strings

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related