JavaScript 배열에서 Falsy 값 필터링하기

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 에서 배열을 다루는 개념을 자세히 살펴보겠습니다. Array.prototype.filter() 메서드를 사용하여 배열에서 falsy 값을 제거하는 방법을 배우게 됩니다. 이 랩을 마치면 JavaScript 에서 배열을 조작하는 방법에 대한 이해도가 높아지고, 이 지식을 자신의 프로젝트에 적용할 수 있게 될 것입니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 100%입니다.학습자들로부터 100%의 긍정적인 리뷰율을 받았습니다.

Array.prototype.filter() 를 사용하여 컴팩트 배열 생성 방법

JavaScript 에서 컴팩트 배열을 생성하려면 Array.prototype.filter() 메서드를 사용하여 배열에서 falsy 값을 제거할 수 있습니다. Falsy 값에는 false, null, 0, "", undefined, 그리고 NaN이 포함됩니다.

다음은 Array.prototype.filter()를 사용하여 컴팩트 배열을 생성하는 방법을 보여주는 코드 예시입니다.

const compact = (arr) => arr.filter(Boolean);

그런 다음 compact 함수를 사용하여 배열을 인수로 전달하여 컴팩트 배열을 생성할 수 있습니다. 예를 들어:

compact([0, 1, false, 2, "", 3, "a", "e" * 23, NaN, "s", 34]);
// Output: [ 1, 2, 3, 'a', 's', 34 ]

이러한 방식으로 Array.prototype.filter()를 사용하면 truthy 값만 포함하는 컴팩트 배열을 쉽게 생성할 수 있습니다.

요약

축하합니다! 컴팩트 배열 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.