Retrieving values from object with array

Question

I am working on method code in which I have to iterate through an json object with dynamic array. my code is like this:

var tableHeaders = ["id", "name", "status"];    
var item = {
    id: 1,
    name: "test name",
    status: true,
    email: "[email protected]"
}    
console.log(item.id);    // works well --> 1    
console.log(tableHeaders[0]); // works well --> id    
console.log(item.tableHeaders[0]);  // not works

Here is jsfiddle: http://jsfiddle.net/kslagdive/rjFHV/ Please suggest me, how can I get value of item with Array element? Thanks

Frédéric Hamidi · Accepted Answer · 2013-06-12 07:35:38Z

2

Since your property name is dynamic, you have to use bracket notation instead of dot notation:

console.log(item[tableHeaders[0]]);  // Works.

answered Jun 12, 2013 at 7:35

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

Comments

raina77ow · Accepted Answer · 2013-06-12 07:35:40Z

1

It should be...

item[ tableHeaders[0] ];

... that is, using bracket notation to access a property by its name. Note that you use any complex expression here, for example:

item[ 'e' + 'mail' ]; // the same as item.email

answered Jun 12, 2013 at 7:35

raina77ow

107k16 gold badges205 silver badges240 bronze badges

1 Comment

KSL Over a year ago

Yes okay. Got it using bracket notation instead of dot. Thanks.

Arun P Johny · Accepted Answer · 2013-06-12 07:35:48Z

1

Need to use [] notation instead of . notation when you use dynamic keys

console.log(item[tableHeaders[0]]);

Demo: Fiddle

answered Jun 12, 2013 at 7:35

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

1 Comment

KSL Over a year ago

Got it using bracket notation instead of dot. Thanks.

Stefan · Accepted Answer · 2013-06-12 07:42:47Z

0

Tabheaders is not a value of item. Try

var tableHeaders = ["id", "name", "status"];    
var item = {
    id: 1,
    name: "test name",
    status: true,
    email: "[email protected]",
    tableHeaders: tableHeaders // define "tableHeaders" as value of "item"
}

Thanks @xec for your comment.

Well the answer is already here but anyway:

var key = tableHeaders[0];  // the key for the value you want to extract from items.
var value = item[key];      // get the value from item based on the key defined 
                            // in table headers using the [Bracket notation][1] 
                            // (@Frédéric Hamidi).

edited Jun 12, 2013 at 7:42

answered Jun 12, 2013 at 7:36

Stefan

15k17 gold badges92 silver badges155 bronze badges

1 Comment

xec Over a year ago

I believe he wants 1 returned (the value of the id property)

Collectives™ on Stack Overflow

Retrieving values from object with array

4 Answers 4

Comments

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related