Ecma _ javascript (심화) - structure (구조분해)

김지영·2024년 1월 17일

Ecma

목록 보기
13/14

1. structure (구조분해 할당 기능)

  • 구조분해 할당 : 코딩 효울성
  • 배열, 객체 사용 가능

// let arr = [1,2];
// let firstNum = arr[0]; //1st 숫자
// let secondNum = arr[1]; //2nd 숫자

// console.log(firstNum, secondNum);

-> 구조분해 할당 기능으로 변경

  • 사용법 : let [변수명, 변수명2] = [값,값2];
  • 배열의 값이 순서대로 변수에 저장됨 예) 변수명=값, 변수명2=값2
let [firstNum, secondNum] = [1,2];
console.log(firstNum, secondNum);


▤ 예제 2 ) 객체 변경(구조분해 할당 기능)

  • 사용법 : let 객체명 = {속성;값,...};
  • 객체는 객체의 속성을보고 변수명과 이름이 같은 변수를 찾아서 들어감 (->배열 : 순차적으로 들어감)
  • 변수명과 속성명이 같아야 함
// let candy = {
//     name: "캔디",
//     count: 5
// }
// // 객체속성 : 객체명.속성명
// console.log(candy.name, candy.count);

-> 구조분해 할당 기능으로 변경

  • let {변수명, 변수명2} = {속성명: 값, 속성명2: 값2};
  • 변수명 = 값, 변수명2 = 값2 (단, 변수명==속성명, 변수명2 == 속성명2)
let {name, count} = {name: "캔디", count: 5};
console.log(name, count);

▤ 예제 3 ) 객체 구조분해 할당 문제
// 아래와 같이 객체가 있습니다. 구조분해 할당 이용해서 출력하세요

let dept = {
    no : 1,
    dname : "Sales",
    loc : "부산"
}

-방법1)

// 1)
let { no, dname , loc} = {no: "1", dname: "Sales" ,loc : "부산" };
console.log(no, dname , loc);

-방법2)

// 2)
let { no, dname , loc} = dept ;
console.log(no, dname , loc);

profile
그냥 졍이라구하자

0개의 댓글