왜 javascript 맵 함수가 undefined를 반환합니까?

Question

내 코드

var arr = ['a','b',1]; 
var results = arr.map(function(item){ 
       if(typeof item ==='string'){return item;} 
       }); 

이 다음과 같은 결과

["a","b",undefined] 

내가 그것을 할 수있는 결과 array.How에서 정의하지 않으을 준다?

Answer 1

항목이 문자열이 아닌 경우 아무 것도 반환하지 않습니다. 이 경우 함수는 undefined를 반환하고 결과에서 무엇을 보게됩니다.

map 함수는 한 값을 다른 값으로 매핑하는 데 사용되지만 맵 함수가 적합하지 않은 배열을 실제로 필터링하려고합니다.

실제로 원하는 것은 filter 기능입니다. 결과 배열에 항목을 표시할지 여부에 따라 true 또는 false를 반환하는 함수를 사용합니다.

var arr = ['a','b',1]; 
var results = arr.filter(function(item){ 
    return typeof item ==='string'; 
}); 

Answer 2

현재 요소가 string 인 경우에만 값을 반환합니다. 아마도 충분 그렇지 않으면 빈 문자열을 할당 : 물론

var arr = ['a','b',1]; 
var results = arr.map(function(item){ 
    return (typeof item ==='string') ? item : ''; 
}); 

, 당신은 어떤 문자열이 아닌 요소를 필터링하려면, 당신은 map()을 사용할 수 없습니다. 오히려 filter() 기능을 사용해보아야합니다.

Answer 3

var arr = ['a','b',1]; 
var results = arr.filter(function(item){ 
       if(typeof item ==='string'){return item;} 
       }); 

Answer 4

ES6 filter은 (LINQ 등) 뾰족한 화살표 표기 지원하므로 :

그래서이 한 줄에 따라 아래로 비등 될 수있다.

['a','b',1].filter(item => typeof item ==='string'); 

Answer 5

필터는 항목이 수정되지 않은이 특별한 경우에 적용됩니다. 그러나 많은 경우에 맵을 사용할 때 전달 된 항목을 약간 수정하려고합니다. 그 의도 인 경우

, 당신은 reduce를 사용할 수 있습니다

var arr = ['a','b',1]; 
var results = arr.reduce((results, item) => { 
    if (typeof item === 'string') results.push(modify(item)) // modify is a fictitious function that would apply some change to the items in the array 
    return results 
}, [])