[Javascript] array function 주의점 (역시나 주인공은 IE)

새로운 비즈니스 로직을 개발하여 테스트 환경에 올려두었는데, IE 환경에서 오류가 난다는 제보가 들어왔다.

 

확인해보니 새로 추가한 '두 배열에 중복되는 값을 찾는 function' 에서 구문오류가 발생하고 있었고,
그 함수는 array function 을 쓰고 있어서 찾아보니 역시나 IE 에선 호환되지 않는 이슈가 있었다.
(IE 도 테스트하는 습관을 기르자 😭)

 

// before
var a = [3];
var b = [1,2,3,4,5];
var c = a.filter(item => b.indexOf(item) > -1);
console.log(c); // [3]
var d = b.filter(item => a.indexOf(item) > -1);
console.log(d); // [3]

// after
var a = [3];
var b = [1,2,3,4,5];
var c = a.filter(function(item) { return b.indexOf(item) > -1});
console.log(c); // [3]
var d = b.filter(function(item) { return a.indexOf(item) > -1});
console.log(d); // [3]

구문오류 나는 IE 화면