So sánh khác rỗng trong mảng năm 2024

Khi chúng ta giải quyết một vấn đề liên quan đến array trong JavaScript, sẽ có lúc chúng ta cần kiểm tra xem array này empty hay không.

Để kiểm tra một mảng là empty hay không thì các bạn có thể sử dụng thuộc tính length.

Thuộc tính length trả về số phần tử trong một mảng. Nếu mảng empty sẽ có

console.log(animal.length); // 4

2 phần tử trong mảng.

Chúng ta cùng xem một ví dụ dưới đây:

const animal = [🐻, 🐶, 🐇, 🐧];

Để kiểm tra xem mảng

console.log(animal.length); // 4

3 có bao nhiêu phần tử ta có thể sử dụng thuộc tính length.

console.log(animal.length); // 4

Kết quả sẽ là

console.log(animal.length); // 4

5 vì mảng trên có 4 phần tử. Ta có thể sử dụng length để check empty array theo những cách sau .

Đầu tiên ta tạo một mảng empty:

Để kiểm tra mảng empty thì cách đầu tiên ta có thể dựa vào giá trị trả về của length. Nếu trả về

console.log(animal.length); // 4

2 thì tức là mảng này không có phần tử nào bên trong.

if(animal.length === 0){
   // Mảng này empty 
}

Cách tiếp theo ta có thể sử dụng đó là sử dụng

if(animal.length === 0){
   // Mảng này empty 
}

0. Toán tử này trả về giá trị phủ định của kết quả và thường được dùng với các giá trị Truthy và Falsy.

Ví dụ:

if(animal.length === 0){
   // Mảng này empty 
}

1 sẽ thành

if(animal.length === 0){
   // Mảng này empty 
}

2,

if(animal.length === 0){
   // Mảng này empty 
}

3 thành

if(animal.length === 0){
   // Mảng này empty 
}

4,

if(animal.length === 0){
   // Mảng này empty 
}

5 thành

if(animal.length === 0){
   // Mảng này empty 
}

4.

Sử dụng

if(animal.length === 0){
   // Mảng này empty 
}

7 cho ví dụ trên ta có thể kiểm tra mảng là empty hay không. Vì mảng

console.log(animal.length); // 4

3 có

console.log(animal.length); // 4

2 phần tử,

if(!animal.length){
   // Mảng này empty 
}

0 trả về

console.log(animal.length); // 4

2 là một giá trị

if(!animal.length){
   // Mảng này empty 
}

2, vì vậy toán tử

if(animal.length === 0){
   // Mảng này empty 
}

7 sẽ return

if(animal.length === 0){
   // Mảng này empty 
}

4.

if(!animal.length){
   // Mảng này empty 
}

Khi kiểm tra xem một mảng empty hay không, các bạn nên kiểm tra xem đó có đúng là một mảng hay không. Bởi vì có thể xảy ra trường hợp ta nhận được một kiểu dữ liệu khác, ví dụ như một chuỗi:

const website = "homiedev.com";
console.log(website.length); // 12

Thuộc tính length có thể được sử dụng cho

if(!animal.length){
   // Mảng này empty 
}

6, nên để chắc ăn các bạn nên kiểm tra thêm nó có phải array hay không. Ta có thể kiểm tra bằng cách sử dụng

if(!animal.length){
   // Mảng này empty 
}

7.

Các bạn chỉ cần truyền giá trị vào method này, nó sẽ trả về

if(animal.length === 0){
   // Mảng này empty 
}

4 nếu là một mảng:

Array.isArray([1, 2, 3]);  // true
Array.isArray({user: 'Trang'}); // false
Array.isArray('homiedev.com');   // false

Cách kiểm tra mảng empty hay không nhìn đầy đủ sẽ như thế này:

if(Array.isArray(animal) && !animal.length){
  // Mảng này rỗng
}

Như vậy là chúng ta đã tìm hiểu xong cách kiểm tra một mảng empty hay không rồi . Hy vọng bài viết sẽ giúp ích cho các bạn.