> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열 파괴

JavaScript 배열 파괴

DDD
풀어 주다: 2024-12-14 09:35:10
원래의
340명이 탐색했습니다.

JavaScript Array Destructuring

  • 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿