JS의 배열 분해!

동료 크리에이터 여러분

Destructuring은 배열이나 객체에서 일부 변수를 생성하는 좋은 방법입니다! 1분 안에 하는 방법을 알아봅시다.

비디오 버전을 보고 싶다면 바로 여기 있습니다.

1. 구문.

매번 같은 구문을 따라야 합니다. 예를 들어:

const array = ["#ff0000", "#008000", "#0000ff"];

const [red, green, blue] = array;

console.log(red, green, blue);

콘솔을 보면 각 이름이 해당 색상과 연결되어 있음을 알 수 있습니다.

2. 일부 기본값을 지정할 수도 있습니다.

배열이 비어 있는 경우를 대비하여 몇 가지 기본값을 제공할 수 있습니다.

const array = [];

const [red = "1", green = "2", blue = "3"] = array;

console.log(red, green, blue);

따라서 콘솔에 "1 2 3"이 표시됩니다.

3. 일부 값을 무시할 수도 있습니다!

배열에서 하나의 색상 이름을 제거하되 쉼표는 그대로 두십시오.

const array = ["#ff0000", "#008000", "#0000ff"];

const [red = "1", , blue = "3"] = array;

console.log(red, blue);

두 번째 값을 무시하고 단순히 빨간색과 파란색에 대한 상수를 만듭니다.

4. 배열의 나머지 부분 모두에 대한 상수를 만듭니다.

const fruits = ["kiwi", "strawberry", "lemon"];

const [first, ...others] = fruits;

console.log(first, others);

첫 번째 요소에 대한 하나의 상수와 "others"라는 나머지 요소의 배열을 생성했습니다.



이제 Javascript에서 구조 분해가 어떻게 작동하는지 알게 되었습니다!

오셔서 제 유튜브 채널을 살펴보세요:

즐거운 코딩하세요!

엔조.