반응형
화살표 함수를 사용한 Array 객체의 메서드 활용 - ECMAScript 6
일반적인 배열 메서드 사용 예
var students = [
{ name: 'shiro', korean: 87, english: 99, math: 100, science: 87 },
{ name: 'AAA', korean: 65, english: 36, math: 55, science: 100 },
{ name: 'BBB', korean: 87, english: 78, math: 34, science: 11 }
];
var filterA = students.filter(function(item) {
return item.science > 90;
});
console.log(filterA);
var filterB = students.filter(function(item) {
return ((item.korean + item.english + item.math + item.science) / 4) > 90;
});
console.log(filterB);
화살표 함수를 사용한 Array 객체의 메서드 활용 예
var students = [
{ name: 'shiro', korean: 87, english: 99, math: 100, science: 87 },
{ name: 'AAA', korean: 65, english: 36, math: 55, science: 100 },
{ name: 'BBB', korean: 87, english: 78, math: 34, science: 11 }
];
var filterA = students.filter((item) => item.science > 90);
console.log(filterA);
var filterB = students.filter((item) => ((item.korean + item.english + item.math + item.science) / 4) > 90)
console.log(filterB);
ES6를 사용할 수 있는 환경이라면, 특수한 경우를 제외하고 무조건 익명 함수를 화살표 함수로 교체하는 하는 것이 retrun 키워드를 생략해서 코드를 깔끔하게 구성할 수 있습니다.
반응형
'JavaScript | TypeScript > Javascript 시작하기' 카테고리의 다른 글
[ Javascript ] 브라우저 객체 모델 (0) | 2022.06.27 |
---|---|
[ Javascript ] underscore 라이브러리 (0) | 2022.06.23 |
[ Javascript ] JSON 객체 (1) | 2022.06.23 |
[ Javascript ] ECMAScript 5 Array 객체 (0) | 2022.06.22 |
[ Javascript ] Math 객체 (0) | 2022.06.21 |