자바스크립트12 [ES6] 전개 연산자(spread operator) 사용법 2020.09.05 - [웹 프론트엔드/자바스크립트] - [ES6] 객체 확장 표현(Destructuring) 및 구조 분해 할당 배열 전개 연산자 ES6에서 새로 나온 문법으로 굉장히 중요하면서 강력한 기능입니다. 기존 배열 요소를 다룰 때는 index를 사용해 풀어쓰거나, 내장 메서드를 사용했지만 전개 연산자를 사용하면 간단하게 내용을 전달하고 표현할 수 있습니다. 기존 배열 요소 사용법과 전개 연산자 도입 비교 // 기존 var array1 = [1, 2]; var array2 = [3, 4]; var arrayNew = [array1[0], array1[1], array2[0], array2[1]]; // ES6 var arrayNew = [...array1, ...array2];// 참 간단하죠.. 2020. 9. 5. [ES6] 객체 확장 표현(Destructuring) 및 구조 분해 할당 2020.09.01 - [웹 프론트엔드/자바스크립트] - [ES6] 자바스크립트 문법 (var, let, const) 객체 확장 표현식 자바스크립트에서 자주 사용하는 key-value 데이터 형식의 객체를 조금 더 확장하여 표현할 수 있습니다. 기존 자바스크립트 객체 확장 표현식과 ES6의 새로운 표현식 // 기존 var num1 = 10; var num2 = 20; var obj = { num1: num1, num2: num2 };// 동일한 이름의 키와 값 // ES6 var obj = { num1, num2 };// 키값을 생략하면 위와 같이 의미 // 기존 var plusKey = '2020'; var obj2 = {}; obj2['year' + plusKey] = 'corona';// 키값에 연.. 2020. 9. 5. [ES6] 자바스크립트 문법 (var, let, const) var, let, const 변수 선언 var 선언은 아래 코드 처럼 중복 선언이 가능하고 에러 없이 막 쓸 수 있습니다. var text = 'korea'; console.log(text);// korea var text = 'japan'; console.log(text);// japan // 같은 변수명으로 중복 선언했는데도 에러없이 덮어씌어짐 // 기분이 나쁘게 한국에서 일본으로 바뀜 let 선언은 아래 코드 처럼 중복 선언이 불가능하지만 재할당은 가능합니다. let text = 'korea'; console.log(text);// korea let text = 'japan'; console.log(text);// Uncaught SyntaxError: Identifier 'text' has alr.. 2020. 9. 1. 이전 1 2 다음
