JavaScript cung cấp nhiều phương thức và cách khác nhau cho phép người dùng kiểm tra xem một mảng có chứa giá trị hoặc phần tử hay không. Người dùng vẫn có thể kiểm tra bằng Array. indexOf[] hoặc phương thức vòng lặp for
Mặc dù vậy, ES6 đã thêm nhiều phương thức JavaScript hữu ích hơn để kiểm tra một mảng và tìm thấy những gì người dùng đang tìm kiếm; . Bài viết này sẽ thảo luận về tất cả các phương pháp khác nhau để kiểm tra xem một mảng JavaScript có chứa giá trị hay không
Mảng trong JavaScript là gì?
Mảng là tập hợp các dữ liệu có cùng kiểu dữ liệu. Khi thực hiện các mảng JavaScript, một câu hỏi phổ biến phát sinh liên quan đến cách người dùng có thể làm trống một mảng và xóa tất cả các phần tử. Trong phần sau, chúng ta sẽ thảo luận về nhiều cách để kiểm tra xem một mảng JS có chứa mục đã cho hay không
Các phương thức kiểm tra xem một mảng có chứa các giá trị hoặc phần tử hay không
Phương pháp 1. Sử dụng phương thức include[] để kiểm tra một mảng
bao gồm [] là một phương thức là một phần của ES6. Bên cạnh chuỗi, người dùng có thể sử dụng phương thức include[] với các kiểu dữ liệu nguyên thủy khác. Họ có thể sử dụng phương thức này để chỉ định xem một mảng có số lượng giá trị hoặc phần tử đã chọn hay không
Phương thức bao gồm [] sẽ trả về true nếu mảng JS chứa các giá trị hoặc phần tử. Nếu không sẽ trả về false. Phương thức này sẽ trả về đầu ra ở một giá trị boolean đơn giản vì phương thức bao gồm [] rất tuyệt vời để kiểm tra xem giá trị có tồn tại hay không
Phương thức include[] kiểm tra toàn bộ mảng JS theo mặc định. Nhưng người dùng cũng có thể thêm chỉ mục bắt đầu làm tham số thứ hai để bắt đầu kiểm tra từ một chỉ mục cụ thể
Phương thức bao gồm [] phân biệt chữ hoa chữ thường
Đoạn mã
const a = ['red', 'green', 'blue'];
const b = a.includes['red'];
console.log[b]; // It will return true
const c = a.includes['black'];
console.log[c]; // It will return false
đầu ra
Chạy đoạn mã
Giải trình
Vì trong ví dụ trên, mảng JS chứa màu đỏ, phương thức bao gồm[] trước tiên trả về giá trị true và khi chúng ta gọi phương thức bao gồm[] với một giá trị không tồn tại trong mảng JS, nó sẽ trả về giá trị sai
Một ví dụ khác về phương thức bao gồm [] với các thuộc tính của nó
const a = ['Red', 'GREEN', 'Blue'];
const b = a.map[e => e.toLocaleLowerCase[]].includes['green'];
console.log[b]; // It will return true
const c = a.map[e => e.toLocaleLowerCase[]].includes['black'];
console.log[c]; // It will return false
đầu ra
Chạy đoạn mã
Phương pháp 2. Sử dụng phương thức indexOf[] để kiểm tra một mảng
Đây là cách đơn giản nhất và nhanh nhất để kiểm tra xem một mảng JS có chứa một mục hay không. Mảng JavaScript. Phương thức indexOf[] kiểm tra một mảng JS để tìm một giá trị hoặc mục nhất định và nếu nó tìm thấy mục đó trong mảng, nó sẽ trả về chỉ mục của nó
Nếu mảng JavaScript không chứa các giá trị hoặc mục như vậy, phương thức sẽ trả về -1. Mảng JavaScript. indexOf[] bắt đầu kiểm tra một mảng JS từ đầu và dừng ở cuối mảng. Nhưng người dùng cũng có thể thêm chỉ mục bắt đầu làm tham số thứ hai để bắt đầu kiểm tra từ một chỉ mục cụ thể
Đoạn mã
var a = ["Abhishek", "Biraj", "Mahi", "Tamana", "Sahir"];
// This will check if the given value exists in the "a" array
if[a.indexOf["Sahir"] !== -1]{
alert["The value is present in the array.!"]
} else{
alert["The value is not present in the array.!"]
}
if[a.indexOf["Dhiraj"] !== -1]{
alert["The value is present in the array.!"]
} else{
alert["The value is not present in the array.!"]
}
đầu ra
Chạy đoạn mã
Giải trình
Phương thức trả về vị trí chỉ mục của mục được cung cấp trong khối if-else. Một lần nữa, khi chúng tôi chuyển một mục không có trong mảng JS, nó sẽ trả về và thực thi khối mã khác
Phương pháp 3. Sử dụng phương thức find[] để kiểm tra mảng
Mảng. Phương thức find[] kiểm tra và tìm các mục và trả về nếu tìm thấy chúng. Nếu nó không tìm thấy giá trị, nó trả về không xác định
Đoạn mã
var a = [1, 2, 3, 4, 5];
// The method will return the element > 10
var found = a.find[function [element] {
return element > 2;
}];
// The method will return the desired value
console.log[found];
đầu ra
Chạy đoạn mã
Giải trình
Trong ví dụ trên, chúng ta sử dụng hàm find[] để đếm số phần tử trong mảng lớn hơn 2
Phương pháp 4. Sử dụng phương thức some[] để kiểm tra mảng
Hoạt động của phương thức some[] gần giống như hoạt động của phương thức find[]. Nhưng phương thức some[] trả về giá trị boolean "true" nếu nó kiểm tra và tìm thấy giá trị có trong mảng, ngược lại trả về false
Đoạn mã
const a = [12, 24, 56, 30, 26, 31, 20, 43];
// The method checks whether the value is even
const b = [element] => element == 24;
console.log[a.some[b]];
đầu ra
Chạy đoạn mã
Giải trình
Trong ví dụ trên, chúng ta sử dụng một số hàm để kiểm tra xem mảng có chứa phần tử nào bằng 24 hay không
Phần kết luận
Trong bài viết này, người dùng có thể thực hiện bốn phương pháp chính để kiểm tra xem một mảng có chứa giá trị hay không. Nếu người dùng muốn tìm vị trí của item trong mảng JS, họ có thể sử dụng phương thức indexOf[]
Nếu họ muốn biết liệu một mục nhất định có tồn tại hay không, họ có thể sử dụng phương thức bao gồm []. Cuối cùng, nếu người dùng muốn khớp hoặc tìm một mục từ mảng đầu vào, họ có thể sử dụng phương thức find[] hoặc some[]