JavaScript Array find()

Định nghĩa và cách sử dụng

find() Phương pháp trả về giá trị của phần tử đầu tiên thông qua kiểm tra (được cung cấp bởi hàm).

find() Phương pháp thực hiện hàm một lần trên mỗi phần tử trong mảng:

  • Nếu tìm thấy phần tử trong mảng có giá trị true từ hàm, find() sẽ trả về giá trị của phần tử đó (và không kiểm tra giá trị còn lại)
  • Nếu không tìm thấy, trả về undefined

Ghi chú：find() Không thực hiện hàm này trên mảng rỗng.

Ghi chú：find() Không thay đổi mảng ban đầu.

Mô hình

Ví dụ 1

Lấy giá trị của phần tử đầu tiên trong mảng có giá trị là 18 hoặc lớn hơn:

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

Thử ngay

Ví dụ 2

Lấy giá trị của phần tử đầu tiên trong mảng có giá trị cao hơn số cụ thể:

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

Thử ngay

Cú pháp

mảng.find(function(currentValue, index, arr), thisValue)

Giá trị tham số

Tham số Mô tả
function(currentValue, index, arr) Bắt buộc. Hàm chạy cho mỗi phần tử trong mảng.

Tham số hàm：

Tham số Mô tả
currentValue Bắt buộc. Giá trị của phần tử hiện tại.
index Tùy chọn. Índex của phần tử trong mảng.
arr Tùy chọn. Mảng đối tượng thuộc về phần tử hiện tại
thisValue

Tùy chọn. Giá trị để truyền vào hàm để sử dụng làm giá trị "this" của nó.

Nếu tham số này trống, thì giá trị "undefined" sẽ được truyền làm giá trị "this" của nó.

Chi tiết kỹ thuật

Giá trị trả về： Nếu bất kỳ phần tử nào trong mảng thông qua kiểm tra, thì trả về giá trị phần tử mảng, nếu không thì trả về undefined.
Phiên bản JavaScript： ECMAScript 6

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ phương pháp này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
Tháng 9 năm 2015 Tháng 7 năm 2015 Tháng 7 năm 2014 Tháng 9 năm 2014 Tháng 9 năm 2015

Ghi chú：Internet Explorer không hỗ trợ find() Phương thức.

Trang liên quan

Giáo trình:Mảng JavaScript

Giáo trình:Const mảng của JavaScript

Giáo trình:Phương thức mảng của JavaScript

Giáo trình:Sắp xếp mảng JavaScript

Giáo trình:Thực hiện lặp lại mảng JavaScript