JavaScript의 배열에서 Null 값 제거

JavaScript에서 배열에서 null 값을 제거하는 방법은 다음과 같습니다. 두 가지 방법을 보여드리겠습니다. 첫 번째는 순수한 JavaScript와 배열 필터 방법이고 두 번째는 Lodash입니다.

순수한 JavaScript로 배열에서 Null 값 제거

외부 라이브러리를 사용할 필요가 없기 때문에 Lodash가 있는 방법보다 이 방법을 권장합니다. JavaScript로 구현된 Array.prototype.filter()를 사용하기만 하면 됩니다. 이 기본 제공 방법은 제공한 필터 조건을 기반으로 배열의 shallow copy을 생성합니다.

작동 방식은 다음과 같습니다.

const whatIsLife = ["Life", "is", null, "beautiful", null, "!"]

const thisIsLife = myArray.filter(element => element !== null)

console.log(thisIsLife)
// Output: ["Life", "is", "beautiful", "!"]

위에서 볼 수 있듯이 whatIsLife 배열에는 null 값이 포함되어 있습니다. 필터 방법을 사용하여 null와 다른 요소만 유지하도록 지정합니다(예, 삶은 아름답기 때문입니다!).

새thisIsLife 배열을 인쇄하면 null이 아닌 값을 가진 배열이 생깁니다.

다음은 위 예제의 축약 버전입니다.

const whatIsLife = ["Life", "is", null, "beautiful", null, "!"]

// Returning `element` will only return values if they
// are non-null
const thisIsLife = myArray.filter(element => element)

console.log(thisIsLife)
// Output: ["Life", "is", "beautiful", "!"]

로다시와 함께

첫 번째 방법을 추천하더라도 배열에서 null 값을 제거하는 다른 방법을 발견하는 것은 항상 흥미롭습니다. 이번에는 자바스크립트 라이브러리인 Lodash으로 어떻게 하는지 알아보겠습니다.

구문이 약간 다를 수 있지만 사용할 함수는 JavaScript에 내장된 것과 동일합니다. 실제로 Lodash 함수는 filter 라고 합니다.

예시를 들어볼 시간입니다!

import _ from "lodash"

const whatIsLife = ["Life", "is", null, "beautiful", null, "!"]

const thisIsLife = _.filter(whatIsLife, (element) => element !== null)

console.log(thisIsLife)
// Output: ["Life", "is", "beautiful", "!"]

이제 JavaScript 배열에서 null 값을 제거하는 방법을 알았으므로 방법을 배울 수 있습니다remove an element from an array.


읽어 주셔서 감사합니다. 연결하자!

➡️ 웹 개발로 성장할 수 있도록 돕고 Nomad 소프트웨어 엔지니어로서의 여정을 공유합니다. 🚀🎒