Get element from JavaScript object

Question

I have an object like below I want to search/find element by based on "96f54547-767c-434b-bcb4-a239a36b1c56" and get an array ["x", "y"]. How to achieve this?

<script type="text/javascript">
var cList = {
    "96f54547-767c-434b-bcb4-a239a36b1c56": ["x","y"],
    "fd3f9224-9fa5-49f5-9eea-ffd0ff40fdb0": [null,"y"],
    "843ed981-979f-4639-be6d-93665e52246f": [null,"y"],
    "2208ca60-c0d1-4ee9-aaae-291bef9622fa": [null,"y"]
};     
</script>

Jonathan Lonowski · Accepted Answer · 2013-06-30 06:27:47Z

6

You can use bracket operators to find the Array:

var values = cList["96f54547-767c-434b-bcb4-a239a36b1c56"];

Either hard-coded as above or with the key stored in another variable:

var guid = "96f54547-767c-434b-bcb4-a239a36b1c56";
var values = cList[guid];

Also, if you want to test whether the Object even has the key, you can use the in keyword:

if (!(guid in cList)) {
    throw new Error('Data does not include the expected GUID: ' + guid);
}

edited Jun 30, 2013 at 6:27

answered Jun 30, 2013 at 6:02

Jonathan Lonowski

124k35 gold badges203 silver badges202 bronze badges

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

4 Comments

Ian Over a year ago

I'm surprised people aren't jumping down your throat about using in instead of hasOwnProperty()

Jonathan Lonowski Over a year ago

@Ian It's a good suggestion, but I don't think one is absolute over the other. There are use cases where acknowledging the prototype chain is the desired effect. Plus, in this case, shouldn't have to worry too much about the difference with a plain Object. There's far more opposition to extending Object.prototype. :)

Ian Over a year ago

My point was just that I get heckled when I don't, and I think it's silly. Too many people think the only "safe" way to check for an object literal's property is with hasOwnProperty...because of Crockford, Resig, blah blah blah. It's just good to see someone else be okay not using it :)

user123444555621 Over a year ago

It's not a bad idea to mention both versions and explain the differences though.

Haseeb Asif · Accepted Answer · 2013-06-30 06:38:34Z

1

you can try like this

 var value= cList["96f54547-767c-434b-bcb4-a239a36b1c56"]

edited Jun 30, 2013 at 6:38

answered Jun 30, 2013 at 6:20

Haseeb Asif

1,8062 gold badges25 silver badges44 bronze badges

4 Comments

nnnnnn Over a year ago

Did you try that first option before recommending it? (Stack Overflow's colour-based syntax highlighting should give you a hint as to why it won't work...)

Haseeb Asif Over a year ago

Didn't tried with this code, but I have implemented it in my code some time ago

nnnnnn Over a year ago

That first option is saying cList.96f54547 minus 767c minus 434b minus bcb4 minus a239a36b1c56. Note that the second option is the same as in the answer that was posted seventeen minutes before yours...

Haseeb Asif Over a year ago

Thanks for giving me the direction

Collectives™ on Stack Overflow

Get element from JavaScript object

2 Answers 2

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related