How to find first element of array matching a boolean condition in JavaScript?

by

Since ES6 there is the native find method for arrays; this stops enumerating the array once it finds the first match and returns the value.

const result = someArray.find(isNotNullNorUndefined);

Old answer:

I have to post an answer to stop these filter suggestions 🙂

since there are so many functional-style array methods in ECMAScript, perhaps there’s something out there already like this?

You can use the some Array method to iterate the array until a condition is met (and then stop). Unfortunately it will only return whether the condition was met once, not by which element (or at what index) it was met. So we have to amend it a little:

function find(arr, test, ctx) {
    var result = null;
    arr.some(function(el, i) {
        return test.call(ctx, el, i, arr) ? ((result = el), true) : false;
    });
    return result;
}

var result = find(someArray, isNotNullNorUndefined);

More Related Contents:

  1. javascript slice without using built in method [closed]
  2. Short circuit Array.forEach like calling break
  3. Most efficient method to groupby on an array of objects
  4. Convert Array to Object
  5. Filter array of objects based on another array in javascript
  6. Check if an array contains any element of another array in JavaScript
  7. JavaScript merging objects by id
  8. MongoDB, remove object from array
  9. How to filter an array from all elements of another array
  10. How to convert an array of objects to object with key value pairs
  11. Filter array of objects with another array of objects
  12. javascript extract certain properties from all objects in array
  13. Is a JavaScript array index a string or an integer?
  14. Javascript sort function. Sort by First then by Second
  15. Convert javascript object or array to json for ajax data
  16. Obtain smallest value from array in Javascript?
  17. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  18. How to merge multiple array of object by ID in javascript?
  19. Remove empty strings from array while keeping record Without Loop?
  20. Delete duplicate elements from an array [duplicate]
  21. How to convert an array of key-value tuples into an object
  22. Checking for duplicate strings in JavaScript array
  23. String split returns an array with more elements than expected (empty elements)
  24. Sort an array of objects by multiple properties
  25. Using setInterval() with a .map method in array and returning as a promise
  26. How to create an array of object literals in a loop?
  27. Populating JavaScript Array from JSP List
  28. Can a JavaScript variable be used in plain HTML?
  29. Can forEach in JavaScript make a return? [duplicate]
  30. Why does the `map` method apparently not work on arrays created via `new Array(count)`?

Leave a Comment