Tại sao hàm bản đồ javascript trả về không xác định?

Question

Mã của tôi

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

này cho kết quả như sau

["a","b",undefined] 

Tôi không muốn xác định trong kết quả array.How tôi có thể làm điều đó?

Answer 1

Bạn không trả lại bất kỳ thứ gì trong trường hợp mặt hàng đó không phải là một chuỗi. Trong trường hợp đó, hàm trả về undefined, những gì bạn thấy trong kết quả.

Chức năng bản đồ được sử dụng để ánh xạ một giá trị khác, nhưng có vẻ bạn thực sự muốn lọc mảng, mà chức năng bản đồ không phù hợp.

Điều bạn thực sự muốn là hàm filter. Phải mất một hàm trả về true hoặc false dựa trên việc bạn muốn mục đó trong mảng kết quả hay không.

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

Answer 2

Bạn chỉ trả về giá trị nếu phần tử hiện tại là string. Có lẽ gán một chuỗi rỗng nếu không thì sẽ đủ:

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

Tất nhiên, nếu bạn muốn lọc bất kỳ yếu tố không theo chuỗi, bạn không nên sử dụng map(). Thay vào đó, bạn nên xem xét sử dụng hàm filter().

Answer 3

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

Answer 4

Kể từ ES6 filter hỗ trợ ký hiệu mũi tên nhọn (như LINQ):

Vì vậy, nó có thể được luộc xuống sau một lót.

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

Answer 5

Bộ lọc hoạt động cho trường hợp cụ thể này khi các mục không bị sửa đổi. Nhưng trong nhiều trường hợp khi bạn sử dụng bản đồ bạn muốn thực hiện một số sửa đổi đối với các mục được chuyển.

nếu đó là ý định của bạn, bạn có thể sử dụng 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 
}, [])