개발하는 냥이 (=ↀωↀ=)

디스트럭처링(Destructuring) - 객체(배열, 객체)에 입력된 값을 개별적인 변수에 핼당하는 간편 방식 제공 - 배열이나 객체에서 필요한 값을 추출해서 변수에 할당하거나 반환할 때 유용하게 사용함 - 배열일경우 [] = [], 객체일경우 {} = {} 소스 "use strict"; var arr1 = [1, 2, 3]; var a = arr1[0]; var b = arr1[1]; var c = arr1[2]; console.log(a, b, c); var arr2 = [10, 20, 30]; // arr2 배열의 요소들을 순서대로 대입 [a, b, c] = arr2; console.log(a, b, c); // 10, 20, 30 // 값을 대입받는 선언식이 있으나, 받을 값이 없을 경우 und..

개발/JavaScript 2018. 12. 4. 11:15

ES6 에서 제공되는 객체 추가 문법 객체의 프로퍼티를 단축해서 사용 소스 var id = "hong", name = "홍길동", age = 33; var member1 = { id: id, name: name, age: age }; console.log(member1); // 변수의 입력된 값을 객체에 설정할 때 변수의 이름을 프로퍼티 명으로 설정하는 상황 // ES6에서 추가 var member2 = { id, // id라는 이름으로 프로퍼티명을 설정 name, age, info: function() { console.log("info"); } }; console.log(member2); // 함수를 객체에 추가할때, ES6부터 var member3 = { id, // id라는 이름으로 프로퍼티명을 ..

개발/JavaScript 2018. 12. 4. 11:06

ES6 (ECMA6) - 파라미터 디폴트 설정하기 파라미터에 디폴트 값을 설정해서 간편하게 파라미터 값이 없는 경우 초기화를 시킨다. 소스 function fn(num1, num2) { /* * if (!num1) num1 = 0; if (!num2) num2 = 0; */ // ||는 앞이 거짓일때 뒤에 실행 (간편조건식) num1 = num1 || 0; num2 = num2 || 0; console.log("num1 : " + num1 + ", num2 : " + num2); } fn(); fn(100); fn(100, 200); //ES6 부터 초기값을 설정 가능(Java 외에 다른 언어들은 지원됨) function fn2(num1 = 0, num2 = 0) { console.log("num1 : ..

개발/JavaScript 2018. 12. 3. 17:05