เหตุใดฟังก์ชันแผนที่จาวาสคริปต์จึงส่งคืนไม่ได้กำหนด

รหัสของฉัน

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

สิ่งนี้ให้ผลลัพธ์ดังต่อไปนี้

["a","b",undefined]

ฉันไม่ต้องการไม่ได้กำหนดไว้ในอาร์เรย์ผลลัพธ์ฉันจะทำได้อย่างไร

คุณจะไม่ส่งคืนอะไรเลยในกรณีที่รายการนั้นไม่ใช่สตริง ในกรณีนี้ฟังก์ชันจะส่งคืนค่าที่ไม่ได้กำหนดสิ่งที่คุณเห็นในผลลัพธ์

ฟังก์ชันแผนที่ใช้เพื่อแมปค่าหนึ่งกับค่าอื่น แต่ดูเหมือนว่าคุณต้องการกรองอาร์เรย์ซึ่งฟังก์ชันแผนที่ไม่เหมาะ

สิ่งที่คุณต้องการคือฟังก์ชันตัวกรอง ใช้ฟังก์ชันที่ส่งคืนจริงหรือเท็จโดยขึ้นอยู่กับว่าคุณต้องการให้ไอเท็มอยู่ในอาร์เรย์ผลลัพธ์หรือไม่

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

คุณจะส่งคืนค่าก็ต่อเมื่อองค์ประกอบปัจจุบันเป็น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']