참고
자바스크립트 최신문법 정리
NOTE
•
차세대 자바스크립트 기능들에 대한 간략한 소개
화살표 함수 (ES6부터 쓰는 새로운 함수선언)
NOTE
•
Arrow function은 JavaScript 환경에서함수를 생성하는 또 다른 방법입니다.
•
const/let 함수이름 = (매개변수) => {
// 함수 내용
}
함수이름(); // 함수 호출
JavaScript
복사
const mutiply = (number) => number*2 // number*2가 리턴됨
JavaScript
복사
스프레드 및 나머지 연산자(...)
1) spread연산자로 쓰일 때 : 배열의 모든 요소를 전개하고 싶을 때 사용
const numbers [1,2,3];
const newNumbers = [...numbers, 4];
console.log(newNumbers); // [1,2,3,4]
const person = {
name : 'Max';
};
const newPerson = {
...person,
age: 28
}
console.log(newPerson); // name과 age를 가진 오브젝트가 출력된다.JAVASCRIPT
JavaScript
복사
2) Rest연산자로 쓰일 때 : 매개변수 리스트를 배열로 통합함
const filter = (...args) => {
return args.filter(el => el === 1);
}
console.log(filter(1,2,3)); // 1JAVASCRIPT
JavaScript
복사
구조분해할당
NOTE
1) 배열 구조분해 할당
const numbers = [1,2,3];
[num1, num2] = numbers;
console.log(num1, num2); // 1 2
[num1, ,num3] = numbers;
console.log(num1, num3); // 1 3JAVASCRIPT
JavaScript
복사
2) 객체 구조분해 할당
const myObj = {
name: 'Max',
age: 28
}
const {name} = myObj;
console.log(name); // prints 'Max'
console.log(age); // prints undefined
console.log(myObj); // prints {name: 'Max', age: 28}JAVASCRIPT
JavaScript
복사
참조형 및 원시형 데이터 타입
NOTE
•
객체/배열은 참조값이 복사되는 것이기 때문에 복사할 때 조심해야함
//새로운 객체로 복사하기
const person = {
name:'Max';
}
const secondPerson = {
...person
};
JavaScript
복사
배열 내장 함수
NOTE
•
map
const numbers = [1, 2, 3];
const doubleNumbers = numbers.map((num) => {
return num*2;
});
console.log(doubleNumbers); // 2 4 6JAVASCRIPT
JavaScript
복사
•
find
•
findIndex()
•
filter()
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]JAVASCRIPT
JavaScript
복사
•
reduce()
◦
reduce함수는 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결과값을 반환 함
const array1 = [1, 2, 3, 4];
// 0 + 1 + 2 + 3 + 4
const initialValue = 0;
const sumWithInitial = array1.reduce(
(previousValue, currentValue) => previousValue + currentValue,
initialValue
);
console.log(sumWithInitial);
// expected output: 10
JavaScript
복사
•
concat()
•
slice()
•
splice()