Get the index of the object inside an array, matching a condition

by

As of 2016, you’re supposed to use Array.findIndex (an ES2015/ES6 standard) for this:

a = [
  {prop1:"abc",prop2:"qwe"},
  {prop1:"bnmb",prop2:"yutu"},
  {prop1:"zxvz",prop2:"qwrq"}];
    
index = a.findIndex(x => x.prop2 ==="yutu");

console.log(index);

It’s supported in Google Chrome, Firefox and Edge. For Internet Explorer, there’s a polyfill on the linked page.

Performance note

Function calls are expensive, therefore with really big arrays a simple loop will perform much better than findIndex:

let test = [];

for (let i = 0; i < 1e6; i++)
    test.push({prop: i});


let search = test.length - 1;
let count = 100;

console.time('findIndex/predefined function');
    let fn = obj => obj.prop === search;

    for (let i = 0; i < count; i++)
        test.findIndex(fn);
console.timeEnd('findIndex/predefined function');


console.time('findIndex/dynamic function');
    for (let i = 0; i < count; i++)
        test.findIndex(obj => obj.prop === search);
console.timeEnd('findIndex/dynamic function');


console.time('loop');
    for (let i = 0; i < count; i++) {
        for (let index = 0; index < test.length; index++) {
            if (test[index].prop === search) {
                break;
            }
        }
    }
console.timeEnd('loop');

As with most optimizations, this should be applied with care and only when actually needed.

More Related Contents:

  1. Concat two arrays But concat is not working
  2. Creating a JavaScript global array with static elements?
  3. Converting a JS object to an array using jQuery
  4. Convert array to JSON
  5. Remove array element based on object property
  6. javascript filter array of objects
  7. How to find index of all occurrences of element in array?
  8. How to get a number of random elements from an array?
  9. How to find if an array contains a specific string in JavaScript/jQuery?
  10. Remove duplicate values from JS array [duplicate]
  11. Sort mixed alpha/numeric array
  12. Remove items from array with splice in for loop [duplicate]
  13. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  14. Array Like Objects in Javascript
  15. Convert simple array into two-dimensional array (matrix)
  16. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  17. break array of objects into separate arrays based on a property
  18. How to check whether multiple values exist within an Javascript array
  19. Convert html table to array in javascript
  20. Convert javascript array to string
  21. jQuery UI autocomplete with item and id
  22. How to check if an array is empty or exists?
  23. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  24. What is the concept of Array.map?
  25. How to get an Array with jQuery, multiple with the same name
  26. JavaScript Multidimensional Arrays [duplicate]
  27. Transform Javascript Array into delimited String
  28. Using jQuery inArray with array of JavaScript Objects
  29. Find object having maximum value for the `id` property in an array of objects
  30. Getting max value(s) in JSON array

Leave a Comment