Dlaczego funkcja mapy javascript zwraca wartość undefined?

Mój kod

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

Daje to następujące wyniki

["a","b",undefined]

Nie chcę, aby wartość undefined znajdowała się w tablicy wyników. Jak mogę to zrobić?

Nie zwracasz niczego w przypadku, gdy element nie jest ciągiem. W takim przypadku funkcja zwraca undefined, co widzisz w wyniku.

Funkcja map służy do mapowania jednej wartości na inną, ale wygląda na to, że w rzeczywistości chcesz filtrować tablicę, do czego funkcja mapowania nie jest odpowiednia.

To, czego naprawdę chcesz, to funkcja filtrująca . Pobiera funkcję, która zwraca prawdę lub fałsz w zależności od tego, czy chcesz, aby element znajdował się w wynikowej tablicy, czy nie.

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

Filtr działa w tym konkretnym przypadku, w którym elementy nie są modyfikowane. Jednak w wielu przypadkach, gdy używasz mapy, chcesz dokonać pewnych modyfikacji przekazanych elementów.

jeśli taki jest Twój zamiar, możesz użyć redukuj :

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
}, [])

Ponieważ ES6 filterobsługuje notację ze spiczastą strzałką (jak LINQ):

Można więc sprowadzić się do jednego liniowca.

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

Moim rozwiązaniem byłoby użycie filtra po mapie.

Powinno to obsługiwać każdy typ danych JS.

przykład:

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

Zwracasz wartość tylko wtedy, gdy bieżący element to string. Być może przypisanie pustego ciągu w przeciwnym razie wystarczy:

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

Oczywiście, jeśli chcesz filtrować elementy niebędące łańcuchami, nie powinieneś używać map(). Raczej powinieneś przyjrzeć się używaniu filter()funkcji.

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

Możesz zaimplementować jak poniżej logikę. Załóżmy, że chcesz mieć tablicę wartości.

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']