Giới thiệu
Một Array
trong JavaScript là một đối tượng được chuẩn hóa, tích hợp được sử dụng để lưu trữ nhiều đối tượng dưới cùng tên. Nói một cách đơn giản, bạn có thể xem đối tượng Array
như một mảng trong bất kỳ ngôn ngữ lập trình nào khác. Nó thực chất là một lớp gói gọn một mảng [một danh sách các giá trị được đặt hàng] và tất cả các phương thức cần thiết mà bạn có thể cần thực hiện các hoạt động mảng.
Thực tế mỗi mảng được đặt hàng có nghĩa là vị trí của mỗi yếu tố có tầm quan trọng lớn. Trên thực tế, bạn thậm chí không thể trích xuất giá trị của một phần tử nếu bạn không biết vị trí của nó trong mảng ban đầu.
Trong quá trình lặp lại, chỉ số của phần tử hiện tại có thể liên quan đến bạn. Điều này rất đơn giản để đạt được bằng cách sử dụng tham số
const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
1 của phương thức const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2.Trong bài viết này, chúng ta sẽ xem cách lấy chỉ mục mảng của phần tử hiện tại trong JavaScript bằng phương pháp
2.get the current element's array index in JavaScript using theconst students = ["Mark", "Jane", "John", "Sarah"]; students.forEach[[student, index] => { console.log[`The index for ${student} is ${index}`]; }];
2 method.const students = ["Mark", "Jane", "John", "Sarah"]; students.forEach[[student, index] => { console.log[`The index for ${student} is ${index}`]; }];
foreach [] phương pháp cơ bản
const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2 là một phương pháp của lớp Array
. Bạn có thể sử dụng nó để lặp qua một mảng và thực hiện một thao tác nhất định trên từng phần tử của nó - mặc dù, const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
6 được sử dụng phổ biến hơn cho mục đích này. Bạn có thể tùy chỉnh các hoạt động được thực hiện bằng hàm gọi lại - hàm được truyền dưới dạng tham số của phương thức const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2. Hàm gọi lại là một hàm đơn giản xác định hoạt động sẽ được thực hiện trên một phần tử duy nhất và phương thức const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2 đảm bảo nó sẽ được thực hiện trên mỗi phần tử của một mảng.Phương pháp
const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2 có cú pháp khá đơn giản:forEach[callback[currentElement, index, arr], thisValue];
Như chúng tôi đã nêu trước đây, phương thức
const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2 chấp nhận hàm "The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"
1 chạy trên mỗi mục trong mảng. Hàm "The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"
1 này có ba đối số, trong đó chúng tôi chỉ quan tâm đến hai - "The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"
3 là một tham số bắt buộc và const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
1 của nó là vị trí của "The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"
3 trong mảng.Cách lấy chỉ mục của phần tử hiện tại bằng phương thức foreach []
Giả sử chúng ta có một loạt các sinh viên và muốn truy cập chỉ số của từng yếu tố khi chúng ta xử lý chúng. Chúng tôi sẽ sử dụng đối số
const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
1 và chỉ cần in nó ra:const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
Output:
"The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"
Sự kết luận
Trong bài viết ngắn này, chúng tôi đã giải thích cách sử dụng tham số
const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
1 để lấy chỉ số mảng hiện tại của các phần tử trong Array
bằng phương pháp const students = ["Mark", "Jane", "John", "Sarah"];
students.forEach[[student, index] => {
console.log[`The index for ${student} is ${index}`];
}];
2. Phương thức
0 trả về chỉ mục đầu tiên mà tại đó một phần tử nhất định có thể được tìm thấy trong mảng hoặc -1 nếu nó không có.indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 method returns the first index at which a given element can be found in the array, or -1 if it is not present. indexOf[searchElement]
indexOf[searchElement, fromIndex]
Thử nó
Cú pháp
indexOf[searchElement]
indexOf[searchElement, fromIndex]
Thông số
indexOf[searchElement]
indexOf[searchElement, fromIndex]
1Phần tử để định vị trong mảng.
indexOf[searchElement]
indexOf[searchElement, fromIndex]
2 Tùy chọnOptionalChỉ mục dựa trên không tại đó để bắt đầu tìm kiếm, được chuyển đổi thành một số nguyên.
- Chỉ số âm tính trở lại từ cuối mảng - nếu
3,indexOf[searchElement] indexOf[searchElement, fromIndex]
4 được sử dụng. Lưu ý, mảng vẫn được tìm kiếm từ trước đến sau trong trường hợp này.indexOf[searchElement] indexOf[searchElement, fromIndex]
- Nếu
5 hoặcindexOf[searchElement] indexOf[searchElement, fromIndex]
2 bị bỏ qua,indexOf[searchElement] indexOf[searchElement, fromIndex]
7 được sử dụng, khiến toàn bộ mảng được tìm kiếm.indexOf[searchElement] indexOf[searchElement, fromIndex]
- Nếu
8, mảng không được tìm kiếm vàindexOf[searchElement] indexOf[searchElement, fromIndex]
9 được trả về.indexOf[searchElement] indexOf[searchElement, fromIndex]
Giá trị trả về
Chỉ số đầu tiên của phần tử trong mảng; -1 nếu không tìm thấy.-1 if not found.
Sự mô tả
Phương pháp
indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 so sánh indexOf[searchElement]
indexOf[searchElement, fromIndex]
1 với các phần tử của mảng bằng cách sử dụng bình đẳng nghiêm ngặt [cùng một thuật toán được sử dụng bởi toán tử const array = [2, 9, 9];
array.indexOf[2]; // 0
array.indexOf[7]; // -1
array.indexOf[9, 2]; // 2
array.indexOf[2, -1]; // -1
array.indexOf[2, -3]; // 0
2].Phương pháp
indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 bỏ qua các khe trống trong các mảng thưa thớt.Phương pháp
indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 là chung chung. Nó chỉ mong đợi giá trị const array = [2, 9, 9];
array.indexOf[2]; // 0
array.indexOf[7]; // -1
array.indexOf[9, 2]; // 2
array.indexOf[2, -1]; // -1
array.indexOf[2, -3]; // 0
5 có thuộc tính const array = [2, 9, 9];
array.indexOf[2]; // 0
array.indexOf[7]; // -1
array.indexOf[9, 2]; // 2
array.indexOf[2, -1]; // -1
array.indexOf[2, -3]; // 0
6 và các thuộc tính được khóa.Ví dụ
Sử dụng indexof []
Ví dụ sau sử dụng
indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 để định vị các giá trị trong một mảng.const array = [2, 9, 9];
array.indexOf[2]; // 0
array.indexOf[7]; // -1
array.indexOf[9, 2]; // 2
array.indexOf[2, -1]; // -1
array.indexOf[2, -3]; // 0
Tìm thấy tất cả các sự xuất hiện của một yếu tố
const indices = [];
const array = ['a', 'b', 'a', 'c', 'a', 'd'];
const element = 'a';
let idx = array.indexOf[element];
while [idx !== -1] {
indices.push[idx];
idx = array.indexOf[element, idx + 1];
}
console.log[indices];
// [0, 2, 4]
Tìm kiếm nếu một phần tử tồn tại trong mảng hay không và cập nhật mảng
function updateVegetablesCollection [veggies, veggie] {
if [veggies.indexOf[veggie] === -1] {
veggies.push[veggie];
console.log[`New veggies collection is: ${veggies}`];
} else {
console.log[`${veggie} already exists in the veggies collection.`];
}
}
const veggies = ['potato', 'tomato', 'chillies', 'green-pepper'];
updateVegetablesCollection[veggies, 'spinach'];
// New veggies collection is: potato,tomato,chillies,green-pepper,spinach
updateVegetablesCollection[veggies, 'spinach'];
// spinach already exists in the veggies collection.
Sử dụng indexof [] trên các mảng thưa thớt
Bạn không thể sử dụng
indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 để tìm kiếm các khe trống trong các mảng thưa thớt.console.log[[1, , 3].indexOf[undefined]]; // -1
Gọi indexof [] trên các đối tượng không phải là
Phương thức
indexOf[searchElement]
indexOf[searchElement, fromIndex]
0 đọc thuộc tính const array = [2, 9, 9];
array.indexOf[2]; // 0
array.indexOf[7]; // -1
array.indexOf[9, 2]; // 2
array.indexOf[2, -1]; // -1
array.indexOf[2, -3]; // 0
6 của const array = [2, 9, 9];
array.indexOf[2]; // 0
array.indexOf[7]; // -1
array.indexOf[9, 2]; // 2
array.indexOf[2, -1]; // -1
array.indexOf[2, -3]; // 0
5 và sau đó truy cập vào từng chỉ mục số nguyên.const arrayLike = {
length: 3,
0: 2,
1: 3,
2: 4,
};
console.log[Array.prototype.indexOf.call[arrayLike, 2]];
// 0
console.log[Array.prototype.indexOf.call[arrayLike, 5]];
// -1
Thông số kỹ thuật
Thông số kỹ thuật ngôn ngữ Ecmascript # sec-array.prototype.indexof # sec-array.prototype.indexof |
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt