Để kiểm tra xem một chỉ mục mảng có tồn tại hay không, hãy truy cập mảng tại chỉ mục cụ thể và kiểm tra xem kết quả có khác với undefined
không. Nếu kết quả không bằng undefined
thì chỉ số mảng tồn tại
Các chỉ mục là 0 dựa trên JavaScript
Ta truy cập mảng tại chỉ số 3
và kiểm tra xem kết quả có khác với undefined
không
Vì mảng chỉ có 2
phần tử nên chỉ số cuối cùng trong mảng là 1
. Do đó, điều kiện không bao giờ được thỏa mãn và khối if
không chạy
Ngoài ra, bạn có thể kiểm tra độ dài của mảng
Sử dụng thuộc tính length
để kiểm tra xem chỉ mục mảng có tồn tại không, e. g. if [arr.length > 5] {}
. Nếu mảng có độ dài lớn hơn N thì đảm bảo chỉ số N tồn tại trong mảng
Chúng tôi kiểm tra xem độ dài của mảng có lớn hơn undefined
0 không. Nếu mảng có độ dài lớn hơn undefined
0 thì chỉ số undefined
0 đảm bảo tồn tại trong mảng
Các chỉ mục dựa trên số 0 trong JavaScript, vì vậy chỉ mục cuối cùng trong mảng bằng undefined
2
Nếu một mảng có độ dài là undefined
3 thì chỉ số cuối cùng của nó là undefined
4
Một cách mới hơn để kiểm tra xem chỉ mục mảng có tồn tại hay không là sử dụng chuỗi tùy chọn
Sử dụng toán tử chuỗi tùy chọn để kiểm tra xem chỉ mục mảng có tồn tại không, e. g. undefined
5. Toán tử xâu chuỗi tùy chọn sẽ trả về phần tử mảng nếu chỉ mục tồn tại, nếu không nó trả về undefined
Chúng tôi đã sử dụng toán tử xâu chuỗi tùy chọn [_______17] to để truy cập các phần tử mảng tại chỉ mục 1
và undefined
0
Phần tử mảng tại chỉ mục undefined
0 không tồn tại, do đó, toán tử chuỗi tùy chọn ngắn mạch trả về undefined
Để truy cập các phần tử của một mảng bằng cách sử dụng chỉ mục trong JavaScript, hãy đề cập đến chỉ mục sau biến mảng trong ngoặc vuông
Cú pháp để truy cập một phần tử từ mảng undefined
3 tại chỉ số undefined
4 là
arr[i]
Đọc phần tử mảng tại chỉ mục cụ thể
mảng [chỉ số], nếu được sử dụng trong một biểu thức hoặc ở phía bên phải của toán tử gán, tìm nạp phần tử của mảng tại chỉ mục đã chỉ định
Trong ví dụ sau, chúng tôi lấy một mảng có ba phần tử và đọc phần tử tại chỉ mục 2
Thí dụ
► Chạy ⟳ Đặt lại
Cập nhật phần tử mảng tại chỉ mục cụ thể
mảng [chỉ mục], nếu được sử dụng ở phía bên trái của toán tử gán, cập nhật phần tử của mảng tại chỉ mục đã chỉ định với giá trị đã cho
Trong ví dụ sau, chúng tôi lấy một mảng có ba phần tử và cập nhật phần tử tại chỉ mục 2
với giá trị undefined
7
Thí dụ
► Chạy ⟳ Đặt lại
Sự kết luận
Trong Hướng dẫn JavaScript này, chúng ta đã học cách truy cập các phần tử của Mảng trong JavaScript, với các ví dụ
Phần tử mảng có thể được theo dõi bằng cách sử dụng các phương thức indexOf[], lastIndexOf[] và findIndex[]. Phần này cung cấp hoạt động của từng phương pháp với các ví dụ
Cách tìm chỉ mục của phần tử mảng bằng phương thức indexOf[]
Phương thức indexOf[] theo dõi lần xuất hiện đầu tiên của một phần tử cụ thể và trả về chỉ mục
cú pháp
mảng. indexOf[ phần tử, bắt đầu ];
- Mảng [hoặc chính mảng] đề cập đến biến mảng nơi phần tử sẽ được truy tìm cho một số chỉ mục
- Giá trị bắt đầu đại diện cho một số chỉ mục từ đó phương thức indexOf[] sẽ bắt đầu tìm kiếm
Giá trị bắt đầu có thể được đặt thành âm hoặc dương
- Nếu giá trị là dương thì phương thức indexOf[] sẽ bắt đầu từ chỉ mục đó
- Nếu giá trị là âm thì quá trình tìm kiếm sẽ bắt đầu sau khi tính toán biểu thức sau. [độ dài của mảng + [giá trị âm]]
Thí dụ
Việc sử dụng phương thức indexOf[] được mô tả để lấy chỉ mục của một phần tử cụ thể trong một biến mảng
arr = ["apple" , "guava", "banana", "peach", "banana"];
console.log[ arr. indexOf["banana"]];
console.log[ arr. indexOf["banana" , -1]];
Đoạn mã trên tạo ra một mảng. Chúng ta đã sử dụng phương thức indexOf[] trên phần tử “banana” của mảng đó. Phương thức đầu tiên theo dõi phần tử chuối và trả về số chỉ mục của lần xuất hiện đầu tiên. Trong khi phương thức indexOf[] thứ hai lấy -1 làm giá trị bắt đầu, việc sắp xếp sẽ bắt đầu từ index=[4+ [-1]=3]
đầu ra
Đầu ra hiển thị chỉ mục của lần xuất hiện đầu tiên của “chuối” mà không có bất kỳ điều kiện bắt đầu nào và phương thức thứ hai lấy điều kiện bắt đầu là “-1” và sẽ bắt đầu đếm chỉ mục từ [4+[-1]]
Cách tìm chỉ mục của phần tử mảng bằng phương thức lastIndexOf[]
Như tên của phương thức này đại diện, nó sẽ trả về lần xuất hiện cuối cùng của một phần tử
cú pháp
mảng. lastIndexOf[ phần tử ];
Cú pháp được mô tả là, mảng là một biến mảng [hoặc chính mảng] và phần tử được chứa bên trong nó
Thí dụ
Ở đây, phương thức lastIndexOf[] được áp dụng để lấy chỉ mục của một phần tử cụ thể
num = [3 , 4, 3, 5, 9, 3, 12];
console.log[ num. lastIndexOf[3]] . ;
console.log[ num. lastIndexOf[30]];
Đoạn mã trên tạo một mảng số và phương thức lastIndexOf[] được áp dụng cho mảng đó để theo dõi chỉ mục cuối cùng của “3“. Ngoài ra, chúng tôi đã áp dụng phương thức lastIndexOf[] trên một số “30” [không thuộc về một mảng]
đầu ra
Đầu ra cho thấy số chỉ mục cuối cùng của phần tử “3” là “5” và vì số “30” không thuộc về mảng nên kết quả là “-1“
Cách tìm chỉ mục của phần tử mảng bằng phương thức findIndex[]
Bằng cách sử dụng findIndex[], bạn sẽ có thể lấy chỉ mục của phần tử đáp ứng tiêu chí bạn đã chỉ định. Khi một phần tử thỏa mãn chức năng [tiêu chí], phương thức findIndex[] ngừng thực thi và chỉ trả về chỉ mục của phần tử đó
mảng. findIndex[ hàm [ Hiện tại -Value, Index, Arr], This-Value]
Phương thức findIndex[] chấp nhận hai đối số, một là hàm [hàm kiểm tra chạy trên từng phần tử cho đến khi bất kỳ phần tử nào thỏa mãn điều kiện] và đối số kia là This-Value
Hàm chấp nhận các tham số sau
Giá trị hiện tại. Nó đề cập đến giá trị của một yếu tố hiện tại
Mục lục. Đây là một tham số tùy chọn và đại diện cho chỉ mục của phần tử hiện tại
mảng. Đề cập đến mảng của phần tử hiện tại
Thí dụ
Đoạn mã JS sau thực thi phương thức findIndex[] để lấy số chỉ mục của một phần tử thỏa mãn điều kiện
num = [10 , 9, 8, 20, 19];
function find[element] {
return element > 10;
};
console.log[[ num. findIndex[ tìm ]]];
Trong đoạn mã trên, một mảng có tên là “num” được khởi tạo và hàm find[] được áp dụng cho từng phần tử của num và nó trả về các giá trị lớn hơn 10. Sau đó, phương thức “find[]” được gọi từ hàm “findIndex[]” để lấy chỉ mục của phần tử đầu tiên lớn hơn “10“
đầu ra
Phương thức “find[]” trả về tất cả các số lớn hơn “10” và phương thức “findIndex[]” chỉ chọn chỉ mục của số đầu tiên [trong trường hợp của chúng tôi là 20]
Sự kết luận
JavaScript cung cấp nhiều phương thức khác nhau như các phương thức indexOf[], lastIndexOf[] và findIndex[] để lấy số chỉ mục của một phần tử trong một mảng. Hướng dẫn này cung cấp các cú pháp và hoạt động của từng phương pháp nêu trên. Để lấy chỉ số xuất hiện đầu tiên của một phần tử, phương thức indexOf[] được sử dụng. Tuy nhiên, lastInexOf[] sẽ cung cấp cho bạn chỉ mục về lần xuất hiện cuối cùng của bất kỳ phần tử cụ thể nào. Trái ngược với các phương thức đó, findIndex[] trả về số chỉ mục của phần tử đầu tiên thỏa mãn một hàm đã cho [được truyền dưới dạng tham số cho findIndex[]]