HomeLập trìnhJavaScriptCách kiểm tra...

Cách kiểm tra xem một mảng JavaScript có trống hay không với .length


Khi lập trình bằng JavaScript, bạn có thể cần biết cách kiểm tra xem một mảng có trống hay không.

Để kiểm tra xem một mảng có rỗng hay không, bạn có thể sử dụng thuộc tính .length.

Thuộc tính độ dài đặt hoặc trả về số lượng phần tử trong một mảng. Khi biết số lượng phần tử trong mảng, bạn có thể biết nó có trống hay không. Một mảng trống sẽ có các phần tử bên trong nó.

Hãy chạy qua một số ví dụ.

.length Cú pháp ví dụ

Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];

Ở đây chúng ta tạo một biến trỏ tới một mảng.

Sử dụng thuộc tính độ dài, chúng ta có thể kiểm tra độ dài của mảng:

myArray.length

Điều này sẽ trả về 3, vì có 3 mục trong mảng.

Để kiểm tra xem mảng có trống hay không với .length, chúng ta có thể thực hiện việc này theo ba cách.

.length ví dụ một

Đầu tiên, hãy tạo một mảng mới không có phần tử nào.

const arr = []

Bây giờ chúng ta có thể kiểm tra xem mảng có trống không bằng cách sử dụng .length.

arr.length

Điều này sẽ trả về 0, vì có 0 mục trong mảng.

ví dụ .length hai

Chúng ta cũng có thể kiểm tra rõ ràng xem mảng có trống hay không.

Đọc thêm  Phạm vi từ vựng trong JavaScript – Phạm vi chính xác trong JS là gì?

if (arr.length === 0) { console.log("Array is empty!") }

Nếu mảng của chúng tôi trống, thông báo trên sẽ được ghi lại. Nếu mảng có các phần tử trong đó, mã bên trong if khối sẽ không chạy.

Đây là cách thứ ba để kiểm tra xem một mảng có trống hay không bằng cách sử dụng .length.

.length ví dụ ba

Bằng cách kết hợp việc sử dụng thuộc tính độ dài và toán tử logic “không” trong JavaScript, dấu “!” ký hiệu, chúng ta có thể kiểm tra xem một mảng có trống hay không.

Các ! toán tử phủ định một biểu thức. Đó là, chúng ta có thể sử dụng nó để trở lại true nếu một mảng trống.

Đối với ví dụ này, hãy mở bảng điều khiển JavaScript của chúng tôi. Để mở bảng điều khiển của bạn trong Chrome, bạn có thể nhấp vào Inpsect -> Console.

Đầu tiên, tạo một mảng không có mục nào trong đó.

hình ảnh

Tiếp theo, hãy sử dụng toán tử logic “not”, cùng với thuộc tính .length của chúng ta, để kiểm tra xem mảng có trống hay không.

Screen-Shot-2020-09-30-at-5.29.35-PM

Nếu chúng ta không sử dụng toán tử “not”, arr.length lẽ ra đã trở lại . Với toán tử được thêm vào, nó sẽ trả về true nếu toán hạng của nó là false. Bởi vì arr.length là hoặc sai, nó trả về true.

Hãy sử dụng cái này với một if câu lệnh và in ra thông báo nếu mảng của chúng ta trống.

Đọc thêm  Ví dụ JavaScript String.Split() với RegEx
hình ảnh-2

Khi kiểm tra xem một mảng có trống hay không, tốt nhất bạn cũng nên kiểm tra xem mảng đó có thực sự là một mảng hay không.

Tại sao?

Bởi vì có thể xảy ra trường hợp khi bạn muốn kiểm tra độ dài của một mảng, nhưng thay vào đó, bạn lại được cung cấp một kiểu dữ liệu khác, chẳng hạn như một chuỗi:

hinh-7

Bởi vì length property có thể được sử dụng trên các kiểu dữ liệu khác, bạn cũng nên kiểm tra xem mảng của mình có thực sự là một mảng như bạn mong đợi hay không.

Tôi đề nghị bạn cũng sử dụng Array.isArray() phương pháp để xác nhận mảng của bạn là một mảng. Phương thức này xác định xem những gì được truyền vào có phải là một mảng hay không. Nếu những gì được truyền vào là một mảng, phương thức này sẽ trả về true.

Hãy thêm phương thức này vào ví dụ của chúng ta.

Cách sử dụng phương thức Array.isArray()

hình ảnh-3

kết thúc

Trong bài viết này, chúng tôi đã học được rằng bạn có thể sử dụng length trong JavaScript theo nhiều cách khác nhau để kiểm tra xem một mảng có trống hay không. Các length trả về số lượng mục trong một mảng.

Chúng tôi cũng học được rằng tốt nhất là cũng nên sử dụng Array.isArray phương pháp khi sử dụng .length thuộc tính, để kiểm tra xem giá trị đã truyền có phải là một mảng như bạn mong đợi hay không.

Đọc thêm  'Cái này' có nghĩa là gì trong JavaScript? Từ khóa này được giải thích bằng các ví dụ



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status