반응형

화살표 함수를 사용한 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 키워드를 생략해서 코드를 깔끔하게 구성할 수 있습니다.

 

반응형

+ Recent posts