JavaScript/VueJS: Check if an Array contains an object with an element that has specific value

Question

I would like to solve this problem:

I got an Object that contains a property named specs. This property contains an Array of Objects that all have 2 properties:

name
value

So my object is like this:

Object
-Title
-Date
-Specs [Array]
-- [0] Name: "Power"
-- [0] Value: 5
-- [1] Name: "Weight"
-- [1] Value: 100

So - now I would like to check, if my Specs-Array contains an item that has the name "Power". If this is the case, I would like to use the value of this element.

How can I solve this?

Deep · Accepted Answer · 2018-03-21 08:12:58Z

25

You can filter the array based on the name attribute and check if the filter returns a result array , if yes then you can use it with index to get the value.

var data = {specs:[{Name:"Power",Value:"1"},{
    Name:"Weight",Value:"2"},{Name:"Height",Value:"3"}]}
    
var valObj = data.specs.filter(function(elem){
    if(elem.Name == "Power") return elem.Value;
});

if(valObj.length > 0)
    console.log(valObj[0].Value)

edited Mar 21, 2018 at 8:12

user8280225

answered Feb 3, 2017 at 11:44

Deep

9,7962 gold badges24 silver badges34 bronze badges

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

Comments

ctf0 · Accepted Answer · 2017-07-02 18:10:06Z

5

consider the main object name is objTemp

you can do

var arrR = objTemp.Specs.filter(function(ele){
   return (ele.Name == "Power")
});

if(arrR.length)
  //has prop
else
  // no prop

edited Jul 2, 2017 at 18:10

ctf0

7,7155 gold badges39 silver badges49 bronze badges

answered Feb 3, 2017 at 11:38

Vinod Louis

4,9061 gold badge31 silver badges50 bronze badges

2 Comments

SPQRInc Over a year ago

Alright - and how could I access the ele.value if arrR is true? I would have to get the index of the array`s element in this case, right?

Vinod Louis Over a year ago

@SPQRInc arrR is an array of objects which has Name: "Power" so you can iterate over arrR and get value as arrR[0].Value and so on

Ankit Kumar Ojha · Accepted Answer · 2017-02-03 11:37:20Z

0

$.each(object.Specs,function(index,obj){
if(obj.Name === "Power")
var myVar = obj.Value
});

answered Feb 3, 2017 at 11:37

Ankit Kumar Ojha

979 bronze badges

3 Comments

Shilly Over a year ago

if you use 'some' instead 'each', the loop will stop once you find a valid obj.

Ankit Kumar Ojha Over a year ago

Thanks, wasn't aware of it until now. Very helpful

Donald Duck is with Ukraine Over a year ago

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value.

Saurabh · Accepted Answer · 2017-02-03 11:52:06Z

0

You can use some method on array, which will return true or false, depending on your condition, like following:

var powerIndex
var doesPowerExist = yourObj.specs.some((spec, index) => {
   var powerIndex = index
   return spec.name == "Power"
})

You can use doesPowerExist var to decided whether to use the value of this element.

edited Feb 3, 2017 at 11:52

answered Feb 3, 2017 at 11:38

Saurabh

73.8k44 gold badges193 silver badges251 bronze badges

2 Comments

SPQRInc Over a year ago

Hello, thanks a lot for your answer. Now doesPowerExist would be true or false, right? How could I access the value where spec.name = "Power"?

Saurabh Over a year ago

@SPQRInc I have modified the code, powerIndex will be index of corresponding object, use this if doesPowerExist is true.

Collectives™ on Stack Overflow

JavaScript/VueJS: Check if an Array contains an object with an element that has specific value

4 Answers 4

Comments

2 Comments

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related