JavaScript Array find() 方法

• 

  JavaScript Array find()方法

  find()方法返回传递测试的数组中的第一个元素的值（作为函数提供）。

  find()方法为数组中的每个元素执行一次函数：

  • 如果它找到函数返回true值的数组元素，则find()返回该数组元素的值（并且不检查其余值）
  • 否则返回undefined

  注意： find()不执行空数组的函数。

  注意： find()不会更改原始数组。

  实例：

  获取值为18或更大的数组中第一个元素的值：

  var ages = [3, 10, 18, 20];
  
  function checkAdult(age) {
    return age >= 18;
  }
  
  function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
  }

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  find()	12.0+	45.0+	25.0+	7.1+	32.0+

• 

  语法

  array.find(function(currentValue, index, arr),thisValue)
• 

  参数值

  参数	描述
  function(currentValue, index,arr)	必需的。 要为数组中的每个元素运行的函数。 函数参数： currentValue - 必需的。 当前元素的值 index - 可选的。 当前元素的数组索引 arr - 可选的。 当前元素所属的数组对象
  thisValue	可选的。 要传递给要用作“this”值的函数的值。 如果此参数为空，则值“undefined”将作为其“this”值传递

• 

  技术细节

  项目	描述
  返回值：	如果数组中的任何元素通过测试，则返回数组元素值，否则返回undefined
  JavaScript版本：	ECMAScript 6

• 

  更多例子

  获取数组中第一个元素的值，该元素的值高于特定数字：

  <p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
  <button onclick="myFunction()">Try it</button>
  
  <p>Any ages above: <span id="demo"></span></p>
  
  <script>
  var ages = [4, 12, 16, 20];
  
  function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
  }
  
  function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
  }
  </script>

  尝试一下