Access array element with a dot in its name

Question

I'm reading data from a database and loading it in a array. When I print it to console I get something like this:

 [
 {'person.name':'name1', total:1},
 {'person.name':'name2', total:100}
 ]

So I iterate through it with this code:

for(var i=0;i<arr.length;i++){
    console.log(arr[i].total);
}

I can access the total but how can I access 'person.name'?

That isn't an array, an array would be: [{'person.name':'name1','total':1},...] To access properties of an object that has dot, spaces, minus ... in its property name you could: someArray[i]['person.name'] — HMR, May 21 '13 at 05:18
@HMR It's an array of objects, I forgot the square brackets and the coma — Hohenheimsenberg, May 21 '13 at 05:53
Thank you for updating the question and clear that one up as it could be confusing for future visitors to see code that isn't an array actually referred to as an array. — HMR, May 21 '13 at 05:55

score 7 · Answer 1 · answered May 21 '13 at 05:17

7

Try something like:

console.log(arr[i]['person.name']);

answered May 21 '13 at 05:17

Mike Christensen

88,082
50
208
326

score 5 · Accepted Answer · edited May 23 '17 at 11:45

5

access it like an array :

arr[i]['person.name'];

Here's more info on why/when to use this notation : JavaScript property access: dot notation vs. brackets?

edited May 23 '17 at 11:45

Community

1
1

answered May 21 '13 at 05:17

gion_13

41,171
10
96
108

score 2 · Answer 3 · answered May 21 '13 at 05:17

2

you can use the square bracket syntax to access elements arr['person.name']

answered May 21 '13 at 05:17

shyam

9,134
4
29
44

score 2 · Answer 4 · answered May 21 '13 at 05:21

2

var arr = [{'person.name':'name1', total:1},
 {'person.name':'name2', total:100}]
 for(var i=0;i<arr.length;i++){
  console.log(arr[i]['person.name']);
 }

answered May 21 '13 at 05:21

HMR

37,593
24
91
160

score 1 · Answer 5 · answered May 21 '13 at 05:23

If you want to get the object keys and values from the array means you can do like this

   var arr=[{'person.name':'name1', 'total':1},{'person.name':'name2', 'total':100}]
    for(var i=0;i<arr.length;i++){
      Object.keys(arr[i]).forEach(function(key) {
           var val = arr[i][key];
          alert('key is '+key + ' value is '+val);
     });
    }

Access array element with a dot in its name

5 Answers5