JavaScriptマップ関数が未定義を返すのはなぜですか？

私のコード

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

これにより、次の結果が得られます

["a","b",undefined]

結果の配列でundefinedを使用したくないのですが、どうすればよいですか？

アイテムが文字列でない場合、何も返しません。その場合、関数は未定義の結果を返します。

map関数は、ある値を別の値にマップするために使用されますが、実際には配列をフィルタリングする必要があるようですが、map関数は適していません。

実際に必要なのはフィルター関数です。結果の配列にアイテムが必要かどうかに基づいてtrueまたはfalseを返す関数を受け取ります。

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

フィルターは、アイテムが変更されないこの特定のケースで機能します。しかし、多くの場合、マップを使用するとき、渡されたアイテムにいくつかの変更を加えたいと思います。

それがあなたの意図であるなら、あなたは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
}, [])

ES6 filterは先のとがった矢印表記（LINQなど）をサポートしているため、

したがって、次のワンライナーに要約することができます。

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

私の解決策は、マップの後にフィルターを使用することです。

これはすべてのJSデータ型をサポートするはずです。

例：

const notUndefined = anyValue => typeof anyValue !== 'undefined'    
const noUndefinedList = someList
          .map(// mapping condition)
          .filter(notUndefined); // by doing this, 
                      //you can ensure what's returned is not undefined

現在の要素がの場合にのみ値を返しますstring。おそらく空の文字列を割り当てるだけで十分です。

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

もちろん、文字列以外の要素をフィルタリングする場合は、を使用しないでくださいmap()。むしろ、filter()関数の使用を検討する必要があります。

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

以下のようなロジックを実装できます。値の配列が必要だとします。

let test = [ {name:'test',lastname:'kumar',age:30},
             {name:'test',lastname:'kumar',age:30},
             {name:'test3',lastname:'kumar',age:47},
             {name:'test',lastname:'kumar',age:28},
             {name:'test4',lastname:'kumar',age:30},
             {name:'test',lastname:'kumar',age:29}]

let result1 = test.map(element => 
              { 
                 if (element.age === 30) 
                 {
                    return element.lastname;
                 }
              }).filter(notUndefined => notUndefined !== undefined);

output : ['kumar','kumar','kumar']