Tìm kiếm mảng JavaScript
Phương pháp tìm kiếm và tìm kiếm mảng
Chỉ mục mảng JavaScriptOf()
Phương thức indexOf() tìm kiếm một giá trị phần tử trong mảng và trả về vị trí của nó.
Lưu ý: Mục đầu tiên có vị trí 0, mục thứ hai có vị trí 1, v.v.
Ví dụ
Tìm kiếm một mảng cho mục "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;
Hãy tự mình thử »Cú pháp
array .indexOf( item , start )
| item | Required. The item to search for. |
| start | Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the end. |
Array.indexOf() trả về -1 nếu không tìm thấy mục đó.
Nếu mục này xuất hiện nhiều lần, nó sẽ trả về vị trí xuất hiện đầu tiên.
Mảng JavaScript LastIndexOf()
Array.lastIndexOf() giống như Array.indexOf() nhưng trả về vị trí xuất hiện cuối cùng của phần tử được chỉ định.
Ví dụ
Tìm kiếm một mảng cho mục "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;
Hãy tự mình thử »Cú pháp
array .lastIndexOf( item , start )| item | Required. The item to search for |
| start | Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the beginning |
Mảng JavaScript bao gồm()
ECMAScript 2016 đã giới thiệu Array.includes() cho mảng. Điều này cho phép chúng ta kiểm tra xem một phần tử có xuất hiện trong một mảng hay không (bao gồm NaN, không giống như indexOf).
Ví dụ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // is true
Hãy tự mình thử »Cú pháp
array .includes( search-item )
Array.includes() cho phép kiểm tra giá trị NaN. Không giống như Array.indexOf().
Hỗ trợ trình duyệt
includes() là một tính năng của ECMAScript 2016 .
ES 2016 được hỗ trợ đầy đủ trên tất cả các trình duyệt hiện đại kể từ tháng 3 năm 2017:
| Chrome 52 | Edge 15 | Firefox 52 | Safari 10.1 | Opera 39 |
| Jul 2016 | Apr 2017 | Mar 2017 | May 2017 | Aug 2016 |
includes() không được hỗ trợ trong Internet Explorer.
Tìm mảng JavaScript()
Phương thức find() trả về giá trị của phần tử mảng đầu tiên vượt qua hàm kiểm tra.
Ví dụ này tìm (trả về giá trị của) phần tử đầu tiên lớn hơn 18:
Ví dụ
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.find(myFunction);
function myFunction(value, index, array) {
return
value > 18;
} Hãy tự mình thử »Lưu ý rằng hàm có 3 đối số:
- Giá trị mục
- Chỉ số mục
- Bản thân mảng
Hỗ trợ trình duyệt
find() là một tính năng ES6 (JavaScript 2015).
ES6 được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại kể từ tháng 6 năm 2017:
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
find() không được hỗ trợ trong Internet Explorer.
Mảng JavaScript findIndex()
Phương thức findIndex() trả về chỉ mục của phần tử mảng đầu tiên vượt qua hàm kiểm tra.
Ví dụ này tìm chỉ mục của phần tử đầu tiên lớn hơn 18:
Ví dụ
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return
value > 18;
} Hãy tự mình thử »Lưu ý rằng hàm có 3 đối số:
- Giá trị mục
- Chỉ số mục
- Bản thân mảng
Hỗ trợ trình duyệt
findIndex() là một tính năng ES6 (JavaScript 2015).
ES6 được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại kể từ tháng 6 năm 2017:
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
findIndex() không được hỗ trợ trong Internet Explorer.
Phương thức findLast() trong mảng JavaScript
ES2023 đã thêm phương thức findLast() sẽ bắt đầu từ cuối mảng và trả về giá trị của phần tử đầu tiên thỏa mãn một điều kiện.
Ví dụ
const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40);
Hãy tự mình thử »Hỗ trợ trình duyệt
findLast() là một tính năng của ES2023.
Nó được hỗ trợ trong tất cả các trình duyệt hiện đại kể từ tháng 7 năm 2023:
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| Feb 2023 | Feb 2023 | Jul 2023 | Mar 2023 | May 2023 |
Phương thức findLastIndex() trong mảng JavaScript
Phương thức findLastIndex() tìm chỉ mục của phần tử cuối cùng thỏa mãn một điều kiện.
Ví dụ
const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);
Hãy tự mình thử »Hỗ trợ trình duyệt
findLastIndex() là một tính năng của ES2023.
Nó được hỗ trợ trong tất cả các trình duyệt hiện đại kể từ tháng 7 năm 2023:
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| Feb 2023 | Feb 2023 | Jul 2023 | Mar 2023 | May 2023 |
Tham chiếu mảng hoàn chỉnh
Để có tài liệu tham khảo Mảng đầy đủ, hãy truy cập:
Tham chiếu mảng JavaScript hoàn chỉnh .
Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức của Mảng.
