본문 바로가기
Front-end/javascript

[JavaScript] 비 구조화 할당

by 잔디🌿 2023. 7. 17.

    변수에 배열, 객체에 있는 값들을 간단하게 넣을 수 있는 기능이다.

     

    let arr = ["one", " two", "three"];
    
    let one1 = "one";
    let two2 = "two";
    let three3 = "three";
    
    ////////////////////////////////////////////
    
    let[one1, two2, three3] = arr //비구조화 할당

    빗금친 부분의 위 아래 코드가 같은 기능을 한다.

    이렇게 비구조화 할당으로 간단하게 정리할 수 있다. 

     

    let [one1,two2,three3] = ["one","two","three"];

    위와 같은 방식처럼 따로 선언하지 않고도 가능하다.

     

    swap에 활용

     

    let a = 9;
    let b = 7;
    
    [a,b] = [b,a];

     

    객체로 값 할당

     

    let object = { one : "one", two : "two", three : "three"};
    
    let one = object.one;
    let two = object.two;
    let three = object.three;
    
    //////////////////////////////////////////////////////
    
    let{one, two, three} = object; // 해당 변수명과 같은 키값의 value가 들어간다.
    let{one : One , two,three} = object //one대신 One이라는 변수명으로 값을 받을 때 사용

    빗금친 부분의 위 아래 코드가 같은 기능을 한다.

    위와 같이 해당 객체에 있는 키 값과 같은 변수명을 가진 변수를 선언함과 동시에 값을 넣어줄 수도 있고, 만약 다른 변수명을 가진 변수에 넣고 싶으면 

    키명 : 새로운 변수명

    이렇게 만들어주면 된다.

    'Front-end > javascript' 카테고리의 다른 글

    [JavaScript] 동기, 비동기  (0) 2023.07.18
    [JavaScript] spread 연산자  (0) 2023.07.17
    [JavaScript] 조건문 심화  (0) 2023.07.17
    [JavaScript] 단락회로 평가  (0) 2023.07.17
    [JavaScript] 삼항 연산자  (0) 2023.07.16