시스템아 미안해

구조 분해 할당 본문

web/javascript

구조 분해 할당

if else 2023. 4. 11. 16:59

할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 해서 대입하는 형식

 

1. array[]에 들어있는 값 : element 

let inputsArray = [
		$("#pwd"),
		$("#name"),
		$("#empName"),
		$("#companyCode"),
		$("#empPhoneNum"),
		$("#empPwd"),
		$("#address"),
		$("#addressDetail"),
		$("#telNum"),
		$("#pubPhoneNum")
	];

 

 

2. map으로 array를 돌면서 element의 value를 하나씩 빼서 왼쪽의 변수에 할당

let[pwd, name, empName, companyCode, empPhoneNum, empPwd, address, addressDetail, telNum, pubPhoneNum] = inputsArray.map((input) => input.val());

 

 

3.  object{}에 위에서 할당한 각각의 변수의 값이 들어있음

 const param = { 
        motelCode : motelCode, 
        pwd : pwd, 
        name : name, 
        empName : empName,
        companyCode : companyCode, 
        empPhoneNum : empPhoneNum,
        empPwd : empPwd, 
        address : address, 
        addressDetail : addressDetail,
        telNum : telNum, 
        pubPhoneNum : pubPhoneNum, 
        endTime : endTime, 
        paymentCode : paymentCode
    };

 

4. [...rest] : ...rest 앞 변수의 개수만큼을 제외한 값이 전부 ...rest에 담긴다.

let [a, b, c, ...rest] = param;
console.log(a); //=motelCode의 값
console.log(b); //=pwd값
console.log(c);//=name값
console.log(rest); //motelCode,pwd,name값을 제외한 모든 값이 ...rest에 담김