const array = [1, 2, 3]

function operateTime(input, operators, is){
	inputs[0].split('').forEach((num) => cy.get('.digit').contains(num).click(); 

	inputs[1].split('').forEach((num) => cy.get('.digit').contains(num).click(); 
}

• 기존 방식

function operateTime(input, operators, is){
	// 배열 구조 분해 할당
	const [firstInput, secondInput] = inputs
	
	firstInput.split('').forEach((num) => cy.get('.digit').contains(num).click(); 
	secondInput.split('').forEach((num) => cy.get('.digit').contains(num).click();
}

• 좋은 방식

function operateTime([firstInput, secondInput], operators, is){}

// 실제 사용할때
operateTime([1,2], 1, 2)

• 더 좋은 방식 (구조 분해 할당을 그냥 넘긴다.)

function clickGroupButton(){

	const confirmButton = document.getElementByTagName('button')[0];
	const cancelButton = document.getElementsByTagName('button')[1];
	const resetButton = document.getElementsByTagName('button')[2];

	// some code
}

function clickGroupButton(){
	// 배열 구조분해 할당을 이용해서 명시적으로 나타낼 수 있다.
	const [confirmButton, cancelButton, resetButton] = document.getElementByTagName('button')
}

<aside> 💡 자바스크립트 API를 사용했을때, 배열로 반환되는 것들은 구조분해 할당을 사용하면 쉽다.

</aside>

배열에 요소가 하나만 있는 배열도 구조분해 할당을 할 수 있다.

const arr = [123];

1. 배열에 요소 하나만 있어도 구조분해 할당가능.