Hướng dẫn get current index array javascript - lấy javascript mảng chỉ mục hiện tại

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

const students = ["Mark", "Jane", "John", "Sarah"];

students.forEach((student, index) => {
    console.log(`The index for ${student} is ${index}`);
});
2.get the current element's array index in JavaScript using the
const students = ["Mark", "Jane", "John", "Sarah"];

students.forEach((student, index) => {
    console.log(`The index for ${student} is ${index}`);
});
2 method.

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

indexOf(searchElement)
indexOf(searchElement, fromIndex)
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.

Thử nó

Cú pháp

indexOf(searchElement)
indexOf(searchElement, fromIndex)

Thông số

indexOf(searchElement)
indexOf(searchElement, fromIndex)
1

Phần tử để định vị trong mảng.

indexOf(searchElement)
indexOf(searchElement, fromIndex)
2 Tùy chọnOptional

Chỉ 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
    indexOf(searchElement)
    indexOf(searchElement, fromIndex)
    
    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.
  • Nếu
    indexOf(searchElement)
    indexOf(searchElement, fromIndex)
    
    5 hoặc
    indexOf(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.
  • Nếu
    indexOf(searchElement)
    indexOf(searchElement, fromIndex)
    
    8, mảng không được tìm kiếm và
    indexOf(searchElement)
    indexOf(searchElement, fromIndex)
    
    9 được trả về.

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

Sự chỉ rõ
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

Xem thêm

Chúng ta có thể nhận chỉ mục trong foreach javascript không?

Nhận chỉ mục mảng hiện tại trong JavaScript foreach () foreach (chức năng gọi lại (v) {console.log (v);}); Tham số đầu tiên cho cuộc gọi lại là giá trị mảng. Tham số thứ 2 là chỉ mục mảng.forEach(function callback(v) { console. log(v); }); The first parameter to the callback is the array value. The 2nd parameter is the array index.

Chỉ mục mảng trong JavaScript là gì?

Các mảng JavaScript không được chỉ số bằng không: phần tử đầu tiên của một mảng là tại INDEX 0, phần thứ hai là tại INDEX 1, v.v.-và phần tử cuối cùng là ở giá trị của thuộc tính độ dài của mảng trừ 1.zero-indexed: the first element of an array is at index 0 , the second is at index 1 , and so on — and the last element is at the value of the array's length property minus 1 .

Chỉ mục trong Foreach JavaScript là gì?

Nhận chỉ mục mảng hiện tại trong JavaScript's foreach () về cơ bản là một lớp đóng gói một mảng (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.a class that encapsulates an array (an ordered list of values) and all necessary methods you might need to perform array operations. The fact every array is ordered means that the place of each element is of great importance.

Sự khác biệt giữa FindIndex và Indexof trong JavaScript là gì?

FindIndex - Trả về chỉ mục của phần tử đầu tiên trong mảng trong đó vị ngữ là đúng và -1 nếu không. Indexof - Trả về chỉ số của lần xuất hiện đầu tiên của một giá trị trong một mảng. indexOf - Returns the index of the first occurrence of a value in an array.