HomeLập trìnhJavaScriptJavaScript Check Empty...

JavaScript Check Empty String – Kiểm tra Null hoặc Empty trong JS


Có một số lý do tại sao bạn có thể cần kiểm tra xem một chuỗi có trống hay không. Một trong những lý do quan trọng nhất là khi bạn truy xuất dữ liệu từ cơ sở dữ liệu, API hoặc trường nhập liệu.

Trong bài viết này, bạn sẽ tìm hiểu cách kiểm tra xem sting có trống hay rỗng trong JavaScript hay không. Chúng ta sẽ xem nhiều ví dụ và phương pháp bạn có thể sử dụng để bạn có thể hiểu chúng và quyết định nên sử dụng phương pháp nào và khi nào.

Sự khác biệt giữa Null và Empty là gì?

Trước khi bắt đầu, bạn cần hiểu thuật ngữ Null và Empty nghĩa là gì và hiểu rằng chúng không đồng nghĩa với nhau.

Ví dụ: nếu chúng ta khai báo một biến và gán cho nó một chuỗi rỗng, sau đó khai báo một biến khác và gán cho nó giá trị Null, chúng ta có thể phân biệt chúng bằng cách xem kiểu dữ liệu của chúng:

let myStr1 = "";
let myStr2 = null;

console.log(typeof myStr1); // "string"
console.log(typeof myStr2); // "object"

Nhìn vào đoạn mã trên, chúng ta có thể thấy rằng trình biên dịch/máy tính diễn giải từng giá trị khác nhau. Vì vậy, khi đến lúc kiểm tra, chúng ta phải thông qua các điều kiện cho cả hai loại giá trị bởi vì con người chúng ta thường xuyên đề cập đến null như trống rỗng.

Đọc thêm  Cách tạo một trang web danh mục đầu tư bằng HTML, CSS, JavaScript và Bootstrap 5

Cách kiểm tra rỗng hoặc rỗng trong JavaScript

Bây giờ chúng ta biết rằng một chuỗi rỗng là một chuỗi không chứa ký tự nào. Rất đơn giản để kiểm tra xem một chuỗi có trống không. Chúng ta có thể sử dụng hai phương thức chính tương tự nhau vì chúng ta sẽ sử dụng toán tử đẳng thức nghiêm ngặt (==).

Cách kiểm tra chuỗi rỗng trong JavaScript với length Tài sản

Trong phương thức đầu tiên này, chúng tôi sẽ kiểm tra độ dài của chuỗi bằng cách thêm thuộc tính độ dài. Chúng tôi sẽ kiểm tra xem chiều dài có bằng không . Nếu nó bằng 0, điều đó có nghĩa là chuỗi trống, như chúng ta có thể thấy bên dưới:

let myStr = "";

if (myStr.length === 0) {
  console.log("This is an empty string!");
}

Ở trên sẽ trả lại cái này:

"This is an empty string!"

Nhưng thật không may, cách tiếp cận này có thể không hoạt động trong mọi tình huống. Ví dụ: nếu chúng ta có một chuỗi có khoảng trắng như bên dưới:

let myStr = "  ";

if (myStr.length === 0) {
  console.log("This is an empty string!");
}else{
  console.log("This is NOT an empty string!");
}

Điều này sẽ trở lại:

"This is NOT an empty string!"

Chúng tôi có thể dễ dàng khắc phục lỗi này bằng cách xóa khoảng trắng trước tiên bằng cách sử dụng trim() phương thức trước khi kiểm tra độ dài của chuỗi đó để xem nó có trống không như bên dưới:

let myStr = "  ";

if (myStr.trim().length === 0) {
  console.log("This is an empty string!");
}else{
  console.log("This is NOT an empty string!");
}

Điều này bây giờ sẽ trả lại như sau:

"This is an empty string!"

Lưu ý: Nếu giá trị là null, điều này sẽ gây ra lỗi vì length tài sản không hoạt động cho null.

Đọc thêm  Đối với Vòng lặp, Vòng lặp While, Vòng lặp Do...while, v.v.

Để khắc phục điều này, chúng ta có thể thêm một đối số để kiểm tra xem loại giá trị có phải là một chuỗi hay không và bỏ qua bước kiểm tra này nếu không:

let myStr = null;

if (typeof myStr === "string" && myStr.trim().length === 0) {
  console.log("This is an empty string!");
}

Cách kiểm tra chuỗi rỗng trong JavaScript bằng cách so sánh chuỗi

Một cách khác để kiểm tra xem một chuỗi có rỗng hay không bằng cách so sánh chuỗi đó với một chuỗi rỗng.

Ví dụ:

let myStr = "";

if (myStr === "") {
  console.log("This is an empty string!");
}

Như với phương thức trước, nếu chúng ta có khoảng trắng, điều này sẽ không đọc chuỗi là trống. Vì vậy, trước tiên chúng ta phải sử dụng trim() phương pháp để loại bỏ tất cả các dạng khoảng trắng:

let myStr = "   ";

if (myStr.trim() === "") {
  console.log("This is an empty string!");
} else {
  console.log("This is NOT an empty string!");
}

Cũng giống như chúng tôi đã làm cho length chúng ta cũng có thể kiểm tra loại giá trị để nó chỉ chạy khi giá trị là một chuỗi:

let myStr = null;

if (typeof myStr === "string" && myStr.trim() === "") {
  console.log("This is an empty string!");
}

Cách kiểm tra Null trong JavaScript

Cho đến giờ, chúng ta đã biết cách kiểm tra xem một chuỗi có trống hay không bằng cách sử dụng các phương pháp so sánh và độ dài.

Bây giờ, hãy xem cách kiểm tra xem nó có null, và sau đó kiểm tra cả hai. để kiểm tra nullchúng ta chỉ cần so sánh biến đó với chính null như sau:

let myStr = null;

if (myStr === null) {
  console.log("This is a null string!");
}

Điều này sẽ trở lại:

"This is a null string!"

Cách kiểm tra chuỗi rỗng hoặc rỗng trong JavaScript

Tại thời điểm này, chúng ta đã học cách kiểm tra một chuỗi rỗng và cả nếu một biến được đặt là null. Bây giờ chúng ta hãy kiểm tra cả hai cách này:

let myStr = null;

if (myStr === null || myStr.trim() === "") {
  console.log("This is an empty string!");
} else {
  console.log("This is not an empty string!");
}

Điều này sẽ trở lại:

"This is an empty string!"

Phần kết luận

Trong bài viết này, chúng ta đã học cách kiểm tra một chuỗi rỗng hoặc null và tại sao chúng không giống nhau.

Đọc thêm  Không thể chuyển giá trị đầu vào vào biến javascript - JavaScript

Hãy mã hóa vui vẻ!



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