반응형 프로그래밍/자바스크립트2 [JavaScript] 구조 분해 할당(Destructuring Assignment) 구조 분해 할당(Destructuring Assignment)은 ECMAScript 2015 (ES6)에서 도입된 JavaScript의 문법 중 하나입니다. 이 문법을 사용하면 배열이나 객체의 속성을 분해하여, 그 값을 개별 변수에 쉽게 할당할 수 있습니다. 이로써 코드의 가독성이 향상되며, 관련 데이터를 더 직관적으로 다룰 수 있게 됩니다. 1. 배열 구조 분해 배열에서 구조 분해 할당을 사용하면, 배열의 요소를 변수에 할당할 수 있습니다. let [a, b, c] = [1, 2, 3]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 2. 객체 구조 분해 객체에서 구조 분해 할당을 사용하면, 객체의 속성 값을 변수에 할당할 수 있습니다... 2023. 8. 12. [JavaScript] Shorthand propert란? Shorthand property는 ECMAScript 2015 (ES6)에서 도입된 JavaScript의 객체 초기화 문법의 한 부분입니다. 이 기능은 객체의 속성을 더 간결하고 가독성 있게 정의할 수 있게 해줍니다. let firstName = "John"; let lastName = "Doe"; let person = { firstName: firstName, lastName: lastName }; console.log(person); // {firstName: "John", lastName: "Doe"} 원래는 person안에 변수의 값을 넣으려면 위와 같이 하나씩 똑같은 이름을 작성해줘야 했으나 어차피 이름이 같으니 바로 초기화가 가능하도록 해주는 문법입니다. let firstName = "Jo.. 2023. 8. 11. 이전 1 다음 반응형