JavaScript 배열 파괴

• JavaScript에서 구조 분해는 배열이나 객체의 값을 변수로 빠르게 풀 수 있게 해주는 강력한 기능입니다. 이렇게 하면 코드가 더 깔끔하고, 읽기 쉽고, 유지 관리하기 쉬워집니다.

->이 게시물에서는 배열 소멸, 배열 값 건너뛰기, 변수 전환 방법을 배웁니다.

배열 파괴
구조 분해를 사용하여 배열에서 요소를 검색하고 이를 변수에 저장합니다.
배열 분해 할당 = []
예:

const arr = ['rice', 'pizza', 'chicken'];

// without Destructuring:
const foodOne = arr[0];
const foodTwo = arr[1];
const foodThree = arr[2];
console.log(foodOne, foodTwo, foodThree); // rice pizza chicken

// with Destructuring

const [food1, food2, food3] = arr;

console.log(food1, food2, food3); // rice pizza  chicken

• 이 예에서 볼 수 있듯이 구조 분해를 사용하면 작업이 훨씬 쉬워지고 많은 시간이 절약됩니다. const 또는 let을 사용하여 구조 분해를 만든 다음 대괄호 [] 안에 값에 대한 변수 이름을 쓸 수 있습니다. 배열을 원하지만 배열을 구조화할 때 배열의 값 순서가 중요하다는 점에 주의하세요. 구조 분해 할당의 순서가 배열의 순서가 되므로 이를 주의해야 합니다.

참고: 구조 분해는 원래 배열을 파괴하지 않으며 설명을 위해 압축을 풀기만 합니다.

console.log(arr); // rice pizza chicken

• 그래서 우리는 여전히 원래 배열 안에 값을 가지고 있습니다.

값 건너뛰기:

• 배열에서 특정 값의 압축을 풀고 싶지 않은 경우 해당 값을 건너뛰고 구조화 패턴에 빈 공간('구멍')을 남겨 해당 값이 파괴되지 않도록 하세요. 예를 들면 다음과 같습니다.
• 어떤 이유로 피자를 원하지 않는 경우 다음과 같이 작성하세요.

let [food1, , food3] = arr;
console.log(food1, food3); // rice chicken

변수 전환:
첫 번째 음식이 쌀 대신 닭고기이고 세 번째 음식이 닭고기 대신 쌀이길 원한다면 위치를 바꿀 수 있고 값도 바뀔 것입니다. 예:

[food1, food3] = [food3, food1];
console.log(food1, food3); // chicken rice

JavaScript 배열 구조 분해를 더 잘 이해하는 데 도움이 되었기를 바랍니다. 궁금한 점은 아래 댓글로 편하게 물어보세요 :)

위 내용은 JavaScript 배열 파괴의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!