JavaScript 数组 find() 函数


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

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

其中,function 是一个与 val(当前元素值)相关的函数。index 是数组索引,arr 是数组。this 值参数是传递给函数的值。

示例

 在线演示

<!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, 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>

输出

现在,点击 “结果” 按钮 -

更新于: 2019 年 12 月 17 日

256 次浏览

开启你的 职业生涯

完成课程并获得认证

开始
广告