在此页

• 句法
• 描述
• Polyfill
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

find() method returns the value of the first element in the provided array that satisfies the provided testing function.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

• If you need the index of the found element in the array, use findIndex() .
• If you need to find the index of a value ，使用 Array.prototype.indexOf() . (It’s similar to findIndex() , but checks each element for equality with the value instead of using a testing function.)
• If you need to find if a value exists in an array, use Array.prototype.includes() . Again, it checks each element for equality with the value instead of using a testing function.
• If you need to find if any element satisfies the provided testing function, use Array.prototype.some() .

句法

arr.find(callback(element[, index[, array]])[, thisArg])
					

参数

callback

Function to execute on each value in the array, taking 3 arguments:

element

The current element in the array.

index 可选

The index (position) of the current element in the array.

array 可选

The array that find was called on.

thisArg 可选

Object to use as this inside callback .

返回值

value of the first element in the array that satisfies the provided testing function. Otherwise, undefined 被返回。

描述

find method executes the callback function once for each index of the array until the callback 返回 truthy value. If so, find immediately returns the value of that element. Otherwise, find 返回 undefined .

callback is invoked for every index of the array, not just those with assigned values. This means it may be less efficient for sparse arrays, compared to methods that only visit assigned values.

若 thisArg parameter is provided to find , it will be used as the this value inside each invocation of the callback . If it is not provided, then undefined 被使用。

find method does not mutate the array on which it is called, but the function provided to callback can. If so, the elements processed by find are set before the first invocation of callback . Therefore:

• callback will not visit any elements added to the array after the call to find begins.
• If an existing, yet-unvisited element of the array is changed by callback , its value passed to the callback will be the value at the time find visits that element's index.
• Elements that are deleted are still visited.

Polyfill

This method has been added to the ECMAScript 2015 specification and may not be available in all JavaScript implementations yet. However, you can polyfill Array.prototype.find with the following snippet:

// https://tc39.github.io/ecma262/#sec-array.prototype.find
if (!Array.prototype.find) {
  Object.defineProperty(Array.prototype, 'find', {
    value: function(predicate) {
      // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw TypeError('"this" is null or not defined');
      }
      var o = Object(this);
      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;
      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
      if (typeof predicate !== 'function') {
        throw TypeError('predicate must be a function');
      }
      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
      var thisArg = arguments[1];
      // 5. Let k be 0.
      var k = 0;
      // 6. Repeat, while k < len
      while (k < len) {
        // a. Let Pk be ! ToString(k).
        // b. Let kValue be ? Get(O, Pk).
        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
        // d. If testResult is true, return kValue.
        var kValue = o[k];
        if (predicate.call(thisArg, kValue, k, o)) {
          return kValue;
        }
        // e. Increase k by 1.
        k++;
      }
      // 7. Return undefined.
      return undefined;
    },
    configurable: true,
    writable: true
  });
}
								

If you need to support truly obsolete JavaScript engines that don't support Object.defineProperty , it is best not to polyfill Array.prototype at all, as you cannot make it non-enumerable.

范例

Find an object in an array by one of its properties

const inventory = [
  {name: 'apples', quantity: 2},
  {name: 'bananas', quantity: 0},
  {name: 'cherries', quantity: 5}
];
function isCherries(fruit) {
  return fruit.name === 'cherries';
}
console.log(inventory.find(isCherries));
// { name: 'cherries', quantity: 5 }
								

Using arrow function and destructuring

const inventory = [
  {name: 'apples', quantity: 2},
  {name: 'bananas', quantity: 0},
  {name: 'cherries', quantity: 5}
];
const result = inventory.find( ({ name }) => name === 'cherries' );
console.log(result) // { name: 'cherries', quantity: 5 }
								

Find a prime number in an array

The following example finds an element in the array that is a prime number (or returns undefined if there is no prime number):

function isPrime(element, index, array) {
  let start = 2;
  while (start <= Math.sqrt(element)) {
    if (element % start++ < 1) {
      return false;
    }
  }
  return element > 1;
}
console.log([4, 6, 8, 12].find(isPrime)); // undefined, not found
console.log([4, 5, 8, 12].find(isPrime)); // 5
								

The following examples show that nonexistent and deleted elements are visited, and that the value passed to the callback is their value when visited:

// Declare array with no elements at indexes 2, 3, and 4
const array = [0,1,,,,5,6];
// Shows all indexes, not just those with assigned values
array.find(function(value, index) {
  console.log('Visited index ', index, ' with value ', value);
});
// Shows all indexes, including deleted
array.find(function(value, index) {
  // Delete element 5 on first iteration
  if (index === 0) {
    console.log('Deleting array[5] with value ', array[5]);
    delete array[5];
  }
  // Element 5 is still visited even though deleted
  console.log('Visited index ', index, ' with value ', value);
});
// expected output:
// Deleting array[5] with value 5
// Visited index 0 with value 0
// Visited index 1 with value 1
// Visited index 2 with value undefined
// Visited index 3 with value undefined
// Visited index 4 with value undefined
// Visited index 5 with value undefined
// Visited index 6 with value 6
								

规范

规范
ECMAScript (ECMA-262) The definition of 'Array.prototype.find' in that specification.

浏览器兼容性

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile						Server
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet	Node.js
find	Chrome 45	Edge 12	Firefox 25	IE No	Opera 32	Safari 8	WebView Android 45	Chrome Android 45	Firefox Android 4	Opera Android 32	Safari iOS 8	Samsung Internet Android 5.0	nodejs 4.0.0 4.0.0 0.12 Disabled Disabled From version 0.12: this feature is behind the --harmony runtime flag.

图例

完整支持

完整支持

不支持

不支持

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

• Array.prototype.findIndex() – find and return an index
• Array.prototype.includes() – test whether a value exists in the array
• Array.prototype.filter() – remove all non-matching elements
• Array.prototype.every() – test all elements
• Array.prototype.some() – test until one element matches

元数据

• 最后修改： Jun 7, 2020

相关话题

1. 标准内置对象
2. Array
3. 特性
   1. Array.prototype.length
   2. Array.prototype[@@unscopables]
4. 方法
   1. Array.from()
   2. Array.isArray()
   3. Array.of()
   4. Array.prototype.concat()
   5. Array.prototype.copyWithin()
   6. Array.prototype.entries()
   7. Array.prototype.every()
   8. Array.prototype.fill()
   9. Array.prototype.filter()
   10. Array.prototype.find()
   11. Array.prototype.findIndex()
   12. Array.prototype.flat()
   13. Array.prototype.flatMap()
   14. Array.prototype.forEach()
   15. Array.prototype.includes()
   16. Array.prototype.indexOf()
   17. Array.prototype.join()
   18. Array.prototype.keys()
   19. Array.prototype.lastIndexOf()
   20. Array.prototype.map()
   21. Array.prototype.pop()
   22. Array.prototype.push()
   23. Array.prototype.reduce()
   24. Array.prototype.reduceRight()
   25. Array.prototype.reverse()
   26. Array.prototype.shift()
   27. Array.prototype.slice()
   28. Array.prototype.some()
   29. Array.prototype.sort()
   30. Array.prototype.splice()
   31. Array.prototype.toLocaleString()
   32. Array.prototype.toSource()
   33. Array.prototype.toString()
   34. Array.prototype.unshift()
   35. Array.prototype.values()
   36. Array.prototype[@@iterator]()
   37. get Array[@@species]
5. 继承：
6. Function
7. 特性
   1. Function.arguments
   2. Function.caller
   3. Function.displayName
   4. Function.length
   5. Function.name
8. 方法
   1. Function.prototype.apply()
   2. Function.prototype.bind()
   3. Function.prototype.call()
   4. Function.prototype.toSource()
   5. Function.prototype.toString()
9. Object
10. 特性
    1. Object.prototype.__proto__
    2. Object.prototype.constructor
11. 方法
    1. Object.prototype.__defineGetter__()
    2. Object.prototype.__defineSetter__()
    3. Object.prototype.__lookupGetter__()
    4. Object.prototype.__lookupSetter__()
    5. Object.prototype.hasOwnProperty()
    6. Object.prototype.isPrototypeOf()
    7. Object.prototype.propertyIsEnumerable()
    8. Object.prototype.toLocaleString()
    9. Object.prototype.toSource()
    10. Object.prototype.toString()
    11. Object.prototype.valueOf()
    12. Object.setPrototypeOf()