es6 (2) 썸네일형 리스트형 [Javascript] ES6 Array helper 배열과 관련된 작업을 보다 깔끔하게 처리할 수 있는 ES6의 Array helper에 대해서 알아보자. 1) forEach 배열의 요소를 하나씩 반환하여 함수를 실행. const example_array = ['apple','banana','peach','blue berry']; example_array.forEach((elem)=>{ //배열의 요소를 elem이라는 변수로 하나씩 파라미터로 전달한다. console.log(elem); }); 2) map 배열의 각 요소에 대해 주어진 함수로 처리되어 리턴된 새로운 배열을 만들어 준다. return이 없는 요소의 경우는 undefined처리가 됨. const example_array = ['apple','banana','peach','blue berry'.. [Javascript] ES6 문법 정리 ECMAScript란? ECMAScript(ES)는 자바스크립트를 표준화 하기 위해 만들어진, ECMA-262 기술 규겨에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말함. 1) const / let const - 객체와 함께 사용할 때를 제외하고는 변경이 불가능한 변수. 상수로 사용. ex) react에서 특정 이벤트를 실행하는 버튼이 있거나 특정 요소를 정의하는데에 const를 사용. let - 새로운 값을 받을 수도 있고 재할당할 수도 있음. *var을 쓰지않고 const/let을 사용하는 이유는 var의 hoisting현상을 피하기 위함이다. 2) 화살표 함수 function 키워드 없이 함수를 만들 수 있음. return 키워드 없이 식을 계산한 값이 자동으로 반환. ()안에 함수의.. 이전 1 다음