Чому функція карти javascript повертається невизначеною?

Мій код

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

Це дає такі результати

["a","b",undefined]

Я не хочу визначитись у масиві результатів. Як це зробити?

Ви нічого не повертаєте, якщо елемент не є рядком. У цьому випадку функція повертається невизначено, що ви бачите в результаті.

Функція map використовується для зіставлення одного значення іншому, але, схоже, ви хочете фільтрувати масив, для якого функція карти не підходить.

Те, що ви насправді хочете, - це функція фільтра . Потрібна функція, яка повертає true чи false, залежно від того, хочете ви елемент у масиві, що виходить, чи ні.

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

Фільтр працює для цього конкретного випадку, коли елементи не змінюються. Але в багатьох випадках, коли ви використовуєте карту, ви хочете внести деякі зміни до переданих елементів.

якщо це ваш намір, ви можете скористатися скороченням :

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

Ви повертаєте значення лише у тому випадку, якщо поточним елементом є a 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']