How to get data from objects of an array

Question

I have a data structure like below...

[
  {name: "coke",  price:"10"},
  {name: "sprit", price: "20"}
]

My question is how do I get the price based on its name? for example, how do get coke price?

You could use a Map, see for example https://stackoverflow.com/questions/4246980/how-to-create-a-simple-map-using-javascript-jquery . — Nicolas Henneaux, Aug 03 '16 at 08:31

score 2 · Answer 1 · answered Aug 03 '16 at 08:29

2

Loop over the array using any looping method you like (such as for, Array.prototype.forEach, or Array.prototype.filter) and test the value of the name property of each object until you find the one you want. Then get the value property of it.

answered Aug 03 '16 at 08:29

Quentin

914,110
126
1,211
1,335

score 2 · Accepted Answer · answered Aug 03 '16 at 08:29

can do it with the loop function

    var dataArr = [
      {name: "coke",  price:"10"},
      {name: "sprit", price: "20"}
    ];

    for(var i=0;i<dataArr.length;i++){
         if(dataArr[i].name == "coke"){
             console.log(dataArr[i].price); // prints 10
         }
    }

score 2 · Answer 3 · answered Aug 03 '16 at 08:32

2

Just loop through the array and get the object property.

var arr = [{name: "coke",  price:"10"},{name: "sprit", price: "20"}];

for (var i = 0, len = arr.length; i < len; i++) {
  if(arr[i].name === "coke"){
       console.log(arr[i].price);
  }
}

answered Aug 03 '16 at 08:32

Thalaivar

23,282
5
60
71

score 0 · Answer 4 · edited Aug 03 '16 at 08:40

0

Please try:

(arr.find(function(item){ return item.name === 'coke'}) || {}).price;

or you can find all items named "coke":

arr.filter(function(item){
    return item.name === 'coke';
})

edited Aug 03 '16 at 08:40

Markus-ipse

7,196
4
29
34

answered Aug 03 '16 at 08:33

Carson Liu

86
3

arr.map(function(item){ return item.price; }); – Carson Liu Aug 03 '16 at 08:47

score 0 · Answer 5 · answered Aug 03 '16 at 08:34

var data = [{
  name: "coke",
  price: "10"
}, {
  name: "sprit",
  price: "20"
}];

function getValue(data, name) {
  for (let i = 0; i < data.length; i++) {
    if (data[i].name === name) {
      return data[i].price;
    }
  }
}

var value = getValue(data, 'coke');
alert(value);

https://jsfiddle.net/ej5ofsxm/

You can loop through the array and get price based on name.

How to get data from objects of an array

5 Answers5