IT/팁

[자바스크립트] 문법 구조 분해 할당

벼락쟁이 2025. 2. 8. 22:09
728x90
반응형
// ✅ 객체 구조 분해 할당
const person = { name: 'Alice', age: 25 };
const { name, age } = person;

console.log(name); // 'Alice'
console.log(age);  // 25

// ✅ 배열 구조 분해 할당
const numbers = [1, 2, 3];
const [first, second, third] = numbers;

console.log(first);  // 1
console.log(second); // 2
console.log(third);  // 3

 

📌 차이점
구조 문법 특징
객체 구조 분해 할당 { name, age } = person 변수명은 반드시 객체 속성과 동일해야 함
배열 구조 분해 할당 [first, second] = numbers 변수명은 자유롭게 설정 가능, 순서가 중요
✔ 객체는 속성 이름을 기준으로 할당하고, 배열은 순서를 기준으로 할당

728x90
반응형

'IT > ' 카테고리의 다른 글

[VSCode] 작업폴더와 github 레포지토리 연동 확인 및 해제  (0) 2025.02.14
[맥북] git 설치  (0) 2025.02.12
[VSCode] 파일 자동 저장 방법  (0) 2025.02.06
[VSCode] code 명령어  (0) 2025.02.05
DOM (document object model)이란?  (0) 2025.01.29