Front-end/javascript
[JavaScript] 비 구조화 할당
잔디🌿
2023. 7. 17. 02:23
변수에 배열, 객체에 있는 값들을 간단하게 넣을 수 있는 기능이다.
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이라는 변수명으로 값을 받을 때 사용
빗금친 부분의 위 아래 코드가 같은 기능을 한다.
위와 같이 해당 객체에 있는 키 값과 같은 변수명을 가진 변수를 선언함과 동시에 값을 넣어줄 수도 있고, 만약 다른 변수명을 가진 변수에 넣고 싶으면
키명 : 새로운 변수명
이렇게 만들어주면 된다.