JavaScript Array find() function

Phương thức find() của JavaScript dùng để trả về giá trị của phần tử đầu tiên trong mảng thỏa mãn điều kiện, nếu không có thì trả về undefined.

Cú pháp:

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

Trong đó, function là hàm với val là giá trị phần tử hiện tại, index là chỉ số mảng, arr là mảng. Tham số thisValue là giá trị truyền cho hàm.

Ví dụ 1

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

Kết quả

Click nút "Result" –

Ví dụ 2: kết quả undefined

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

Kết quả

Click "Result" –