JavaScript 배열에서 빈 문자열 확인하는 방법

JavaScript에서 배열에 빈 문자열이 포함되어 있는지 확인해야 하는 경우가 종종 있습니다. 예를 들어 다음과 같이 값이 채워진 요소와 빈 문자열 요소가 섞여 있는 배열이 있다고 가정해 보겠습니다.

studentDetails[2] = "Smith";
studentDetails[3] = "";
studentDetails[4] = "UK";

빈 문자열 검사의 기본 문법

배열에서 빈 문자열을 확인하려면 반복문 안에서 현재 인덱스의 값이 빈 문자열("")과 같은지 비교하는 조건문을 사용하면 됩니다. 기본적인 문법은 다음과 같습니다.

if(yourArrayObjectName[yourCurrentIndexValue] == ""){
    // 빈 문자열일 경우 실행할 코드
} else {
    // 값이 존재할 경우 실행할 코드
}

전체 예제 코드

아래는 학생 정보를 담은 배열을 순회하면서 각 인덱스에 빈 문자열이 있는지 검사하고, 그 결과를 콘솔에 출력하는 완전한 예제입니다.

var studentDetails = new Array();
studentDetails[0] = "John";
studentDetails[1] = "";
studentDetails[2] = "Smith";
studentDetails[3] = "";
studentDetails[4] = "UK";

function arrayHasEmptyStrings(studentDetails) {
    for (var index = 0; index < studentDetails.length; index++) {
        if (studentDetails[index] == "")
            console.log("배열의 " + index + "번째 인덱스에는 빈 문자열이 있습니다.");
        else
            console.log(index + "번째 인덱스의 값: " + studentDetails[index]);
    }
}

arrayHasEmptyStrings(studentDetails);

프로그램 실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 사용합니다.

node fileName.js

여기서는 파일 이름이 demo210.js라고 가정하겠습니다.

실행 결과

위 코드를 실행하면 다음과 같은 출력 결과를 얻을 수 있습니다.

PS C:\Users\Amit\javascript-code> node demo210.js
0번째 인덱스의 값: John
배열의 1번째 인덱스에는 빈 문자열이 있습니다.
2번째 인덱스의 값: Smith
배열의 3번째 인덱스에는 빈 문자열이 있습니다.
4번째 인덱스의 값: UK

추가 팁

단순히 == 연산자 대신 === 연산자를 사용하면 타입까지 엄격하게 비교할 수 있어 더 안전한 코드를 작성할 수 있습니다. 또한 ES6 이상 환경이라면 includes("") 메서드나 filter(), findIndex() 같은 배열 메서드를 활용하면 더욱 간결하게 빈 문자열 여부를 판별할 수 있습니다.