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이라는 변수명으로 값을 받을 때 사용

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

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

키명 : 새로운 변수명

이렇게 만들어주면 된다.