Lấy chỉ mục của phần tử trong bảng javascript

Trong hướng dẫn này, chúng ta sẽ xem xét việc hiểu các phương thức khác nhau để truy cập phần tử cuối cùng của một mảng

Nếu bạn chưa quen với lập trình hoặc JavaScript, chúng tôi khuyên bạn nên đọc qua toàn bộ bài viết. Tuy nhiên, nếu bạn chỉ đang tìm mã, bạn có thể bỏ qua phần mã bên dưới

Một mảng là một đối tượng chứa chứa một số giá trị cố định của một loại. Độ dài của mảng, sau khi được tạo, sẽ không đổi/cố định. Bây giờ chúng ta đã có ý tưởng cơ bản về mảng là gì, hãy tìm phần tử cuối cùng trong một mảng

Làm cách nào để lấy phần tử cuối cùng của một mảng?

Các bước liên quan để lấy phần tử cuối cùng của một mảng là

1. Sử dụng mảng

   let arry = [2, 4, 6, 8, 10, 12, 14, 16];
   let lastElement = arry.slice[-1];
   
   console.log[lastElement];
   
   //Output: 16
   

   2 để trả về một phần tử cụ thể
2. Truy xuất phần tử cuối cùng bằng chỉ số âm

   let arry = [2, 4, 6, 8, 10, 12, 14, 16];
   let lastElement = arry.slice[-1];
   
   console.log[lastElement];
   
   //Output: 16
   

   3
3. Lưu phần tử cuối cùng vào một biến

Tiếp tục đọc để tìm hiểu thêm về các phương pháp khác nhau

Mục lục

• Mã số
• Sử dụng thuộc tính độ dài mảng
• Sử dụng phương pháp lát
• Sử dụng phương pháp pop
• Màn biểu diễn

Mã số

1] Sử dụng thuộc tính độ dài mảng

Thuộc tính độ dài trả về số lượng phần tử trong một mảng. Trừ 1 từ độ dài của một mảng sẽ cho chỉ mục của phần tử cuối cùng của một mảng bằng cách sử dụng phần tử cuối cùng có thể được truy cập. Lý do chúng tôi trừ 1 từ độ dài là, trong JavaScript, việc đánh số chỉ mục mảng bắt đầu bằng 0. tôi. e. Chỉ số của phần tử đầu tiên sẽ là 0. Do đó, chỉ mục của phần tử cuối cùng sẽ là độ dài mảng-1.

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElement = arry[arry.length - 1];

console.log[lastElement];

//Output: 16

2] Sử dụng phương thức slice[]

Phương thức slice[] trả về các phần tử cụ thể từ một mảng, dưới dạng một đối tượng mảng mới. Phương thức này chọn các phần tử bắt đầu tại chỉ mục bắt đầu đã cho và kết thúc tại chỉ mục kết thúc đã cho, ngoại trừ phần tử ở chỉ mục kết thúc. Phương thức slice[] không sửa đổi mảng hiện có. Cung cấp một giá trị chỉ mục trả về phần tử tại vị trí đó & giá trị chỉ mục âm sẽ tính toán chỉ mục từ cuối mảng

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElement = arry.slice[-1];

console.log[lastElement];

//Output: 16

3] Sử dụng phương thức pop[]

Phương thức pop[] bật/xóa phần tử cuối cùng của một mảng và trả về nó. Phương thức này thay đổi độ dài của mảng.

______4

Màn biểu diễn

Bây giờ chúng ta hãy sử dụng cả ba phương thức trên một mảng để lấy phần tử cuối cùng và kiểm tra xem phương thức nào nhanh nhất

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
console.time['array length property'];
let lastElement = arry[arry.length - 1];
console.log[lastElement];
console.timeEnd['array length property'];

console.time['array slice method'];
let lastElement1 = arry.slice[-1];
console.log[lastElement1];
console.timeEnd['array slice method'];

console.time['array pop method'];
let lastElement2 = arry.pop[];
console.log[lastElement2];
console.timeEnd['array pop method'];

//Output:

//16
//array length property: 13.798ms
//[ 16 ]
//array slice method: 8.839ms
//16
//array pop method: 0.138ms

Như bạn có thể thấy, phương thức pop[] là nhanh nhất. Bạn có thể sử dụng nó nếu bạn ổn với việc sửa đổi mảng. Nếu bạn không muốn thay đổi mảng thì có thể sử dụng phương thức slice[]

Nếu không có đối số nào được truyền cho phương thức

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2, thì giá trị trả về là một số nguyên cho biết vị trí của phần tử đầu tiên trong đối tượng jQuery so với các phần tử anh chị em của nó

Nếu

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 được gọi trên một tập hợp các phần tử và một phần tử DOM hoặc đối tượng jQuery được truyền vào, thì

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 trả về một số nguyên cho biết vị trí của phần tử được truyền so với tập hợp ban đầu

Nếu một chuỗi bộ chọn được truyền dưới dạng đối số, thì

var listItem = document.getElementById[ "bar" ];

  

alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 trả về một số nguyên cho biết vị trí của phần tử đầu tiên trong đối tượng jQuery so với các phần tử được bộ chọn khớp. Nếu không tìm thấy phần tử,

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 sẽ trả về -1

Chi tiết

Hoạt động bổ sung cho

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

7, chấp nhận một chỉ mục và trả về một nút DOM,

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 có thể nhận một nút DOM và trả về một chỉ mục. Giả sử chúng ta có một danh sách không có thứ tự đơn giản trên trang

1

2

3

4

5

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElement = arry.slice[-1];

console.log[lastElement];

//Output: 16

3

Nếu chúng tôi truy xuất một trong ba mục danh sách [ví dụ: thông qua hàm DOM hoặc dưới dạng ngữ cảnh cho trình xử lý sự kiện], thì

var listItem = document.getElementById[ "bar" ];

  

alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 có thể tìm kiếm mục danh sách này trong tập hợp các phần tử phù hợp

1

2

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

Chúng tôi lấy lại vị trí dựa trên số không của mục danh sách

Mục lục. 1

Tương tự, nếu chúng ta truy xuất một đối tượng jQuery bao gồm một trong ba mục danh sách, thì

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 sẽ tìm kiếm mục danh sách đó

1

2

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElement = arry.slice[-1];

console.log[lastElement];

//Output: 16

7

Chúng tôi lấy lại vị trí dựa trên số không của mục danh sách

Mục lục. 1

Lưu ý rằng nếu bộ sưu tập jQuery được sử dụng làm đối số của phương thức

var listItem = document.getElementById[ "bar" ];

  

alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 chứa nhiều hơn một phần tử, thì phần tử đầu tiên trong tập hợp các phần tử phù hợp sẽ được sử dụng

1

2

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElement = arry.slice[-1];

console.log[lastElement];

//Output: 16

9

Chúng tôi lấy lại vị trí dựa trên 0 của mục danh sách đầu tiên trong tập hợp phù hợp

Mục lục. 1

Nếu chúng ta sử dụng một chuỗi làm đối số của phương thức

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2, thì nó được hiểu là chuỗi bộ chọn jQuery. Phần tử đầu tiên trong số các phần tử đã khớp của đối tượng cũng khớp với bộ chọn này được đặt

1

2

let arry = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElement = arry[arry.length - 1];

console.log[lastElement];

//Output: 16

1

Chúng tôi lấy lại vị trí dựa trên số không của mục danh sách

Mục lục. 1

Nếu chúng ta bỏ qua đối số,

var listItem = document.getElementById[ "bar" ];
alert[ "Index: " + $[ "li" ].index[ listItem ] ];

2 sẽ trả về vị trí của phần tử đầu tiên trong tập hợp các phần tử phù hợp với các phần tử anh chị em của nó

Làm cách nào để lấy chỉ mục của hàng trong bảng trong Javascript?

row Index là gì?

Làm cách nào để lấy số hàng trong bảng HTML bằng jquery?