Phương thức Find và FindIndex

Thuộc phần Logic và luồng chương trình trong hành trình JavaScript của Coddy. Bài học 58 trên 65.

Phương thức (method) find() trả về phần tử đầu tiên trong mảng (array) thỏa mãn hàm kiểm thử (function) được cung cấp. Nếu không tìm thấy phần tử nào, phương thức trả về undefined.

Phương thức findIndex() tương tự nhưng trả về chỉ số của phần tử khớp đầu tiên thay vì chính phần tử đó. Nếu không tìm thấy phần tử nào, phương thức trả về -1.

Cú pháp cơ bản:

array.find(callback(element[, index[, array]]))
array.findIndex(callback(element[, index[, array]]))

Ví dụ đơn giản với find():

const numbers = [5, 12, 8, 130, 44];
const found = numbers.find(num => num > 10);
console.log(found);
// 12 (số đầu tiên lớn hơn 10)

Ví dụ tương tự với findIndex():

const numbers = [5, 12, 8, 130, 44];
const foundIndex = numbers.findIndex(num => num > 10);
console.log(foundIndex);
// 1 (chỉ số của số đầu tiên lớn hơn 10)

Tìm đối tượng trong mảng:

const inventory = [
	{name: 'apples', quantity: 2},
	{name: 'bananas', quantity: 0},
	{name: 'oranges', quantity: 5}
];

// Dùng find
const result = inventory.find(item => item.name === 'bananas');
console.log(result); // {name: 'bananas', quantity: 0}

// Dùng findIndex
const index = inventory.findIndex(item => item.name === 'bananas');
console.log(index); // 1

Tự làm thử

Bài học này không có thử thách code.