Find object in array using Javascript/Jquery

Question

I need to loop through the data array using the following function and return 'True' in case the function finds an object with particular values. However, when I fire the function it returns the following error message:

Cannot read property 'isTrue' of undefined

Could you please take a look and explain what I am doing wrong?

var data = [
        {
           category: "1",
           values: [
               { key: "valueToGet1", isTrue:"true" },
               { key: "valueToGet2", isTrue:"false" }
           ]
        },
        {
           category: "2",
           values: [
               { key: "valueToGet3", isTrue:"false"},
               { key: "valueToGet4", isTrue:"true"}
           ]
        }
    ]

var getValue = function (value) {
    var result;
    $.each(data, function (i, item) {
        result = $.grep(item.values, function (e) {
            return e.key == value;
        })[0];
    })
    return result.isTrue == 'true';
}
    
console.log(getValue('valueToGet4')); //should return true;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

The error said that result is undefined, so some problem you have with data object I guess. Did you try to pass the whole array as parameter? getValue('valueToGet4', data) and the definition: var getValue = function(value, array) — Marcos Pérez Gude
– Marcos Pérez Gude, Commented Dec 22, 2016 at 12:26

Satpal · Accepted Answer · 2016-12-22 12:31:26Z

4

You can use .some()

var getValue = function(value) {
  //Iterate each element in the array
  return data.some(d => {
    //iterate values property of the array item
    return d.values.some(v => {
      return v.key == value && v.isTrue == "true";
    })
  });
}

var data = [{
  category: "1",
  values: [{
    key: "valueToGet1",
    isTrue: "true"
  }, {
    key: "valueToGet2",
    isTrue: "false"
  }]
}, {
  category: "2",
  values: [{
    key: "valueToGet3",
    isTrue: "false"
  }, {
    key: "valueToGet4",
    isTrue: "true"
  }]
}]

var getValue = function(value) {
  return data.some(d => {
    return d.values.some(v => {
      return v.key == value && v.isTrue == "true"
    })
  });
}

console.log(getValue('valueToGet4')); //should return true;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Dec 22, 2016 at 12:31

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

egurb Over a year ago

Thanks, most appropriate one!

mohamed-ibrahim · Accepted Answer · 2016-12-22 12:34:57Z

1

Use Reduce to exclude the items you don't want:

var getValue = function (value) {
  var result = data.filter(function (item) {
    result = item.values.filter(function (e) {
        return e.key == value && e.isTrue == 'true';
    });
     return result.length > 0 
  })
  return result.length > 0 ;
}

answered Dec 22, 2016 at 12:34

mohamed-ibrahim

11.2k4 gold badges42 silver badges52 bronze badges

1 Comment

egurb Over a year ago

thanks for another solution, will definitely consider using this

Collectives™ on Stack Overflow

Find object in array using Javascript/Jquery

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related