JavaScript - 빈 문자열 확인, 2가지 방법

By JS | Last updated: May 07, 2022

자바스크립트에서 빈 문자열("")을 확인하는 방법을 소개합니다.

1. === 연산자로 빈 문자열 확인

다음과 같이 ===으로 빈 문자열과 비교하여, 어떤 문자열이 빈 문자열인지 확인할 수 있습니다.

const str1 = 'not empty';
const str2 = '';

console.log(str1 === '');
console.log(str2 === '');

if (str2 === '') {
  console.log('str2 is a empty string');
}

Output:

false
true
str2 is a empty string

변수가 undefined 또는 null로 설정될 수 있는 경우 아래와 같이 함께 비교할 수 있습니다.

const str1 = null;

if (str1 === null || str1 === undefined || str1 === '') {
  console.log('str2 is null or undefined or a empty string');
}

Output:

str2 is null or undefined or a empty string

1.1 == 연산자의 차이점

== 연산자는 형변환을하여 비교를 하기 때문에 ===와 결과가 다릅니다.

==으로 비교 시, 0과 false 같은 경우도 ""와 같다고 판단될 수 있습니다. 반면에 null이나 undefined는 다르다고 평가됩니다.

let str1 = "";
let str2 = 0;
let str3 = false;
let str4 = null;
let str5;

console.log(str1 == "");
console.log(str2 == "");
console.log(str3 == "");
console.log(str4 == "");
console.log(str5 == "");

Output:

true
true
true
false
false

2. String.length로 빈 문자열 확인

String.length는 문자열 길이 값을 갖고 있으며, 아래와 같이 길이가 0인지 체크하여 빈 문자열인지 확인할 수 있습니다.

const str1 = 'not empty';
const str2 = '';

console.log(str1.length === 0);
console.log(str2.length === 0);

if (str2.length === 0) {
  console.log('str2 is a empty string');
}

Output:

false
true
str2 is a empty string
Loading script...

Related Posts

codechachaCopyright ©2019 codechacha