JavaScript 数组 find() 函数

javascriptfront end technologyweb development

JavaScript 的 find() 方法用于返回数组中第一个元素的值，如果条件通过，否则返回值未定义。语法如下 −

array.find(function(val, index, arr),thisValue)

这里，function 是一个函数，val 是当前元素的值。index 是数组索引，arr 是数组。this value 参数是要传递给函数的值。

示例

<!DOCTYPE html>
<html>
<body>
   <h2>排名点数</h2>
   <p>获取 400 以上的点数(第一个元素)...</p>
   <button onclick="display()">结果</button>
   <p id="demo"></p>
   <script>
      var pointsArr = [50, 100, 200, 300, 400, 500, 600];
      function pointsFunc(points) {
         return points > 400;
      }
      function display() {
         document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
      }
   </script>
</body>
</html>

输出

现在，单击"结果"按钮减号

让我们看另一个示例，其中结果未定义 −

示例

<!DOCTYPE html>
<html>
<body>
   <h2>Ranking Points</h2>
   <p>Get the points (first element) above 400...</p>
   <button onclick="display()">Result</button>
   <p id="demo"></p>
   <script>
      var pointsArr = [50, 100, 200, 300, 400];
      function pointsFunc(points) {
         return points > 400;
      }
      function display() {
         document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
      }
   </script>
</body>
</html>