Tại sao Array.prototype.reduce() không lấy một mảng trống làm bộ tích lũy?

Question

Tôi đang cố gắng lọc tất cả các phần tử trong một mảng lớn hơn 10 đến một mảng mới. Tôi cố ý không sử dụng Array.prototype.filter() vì tôi muốn tìm hiểu phương pháp reduce(). Dưới đây là đoạn code tôi đã chơi với

var collection = [3, 5, 11, 23, 1]; 
 

 
// fileter all the elements bigger than 10 to a new array 
 

 
var output = collection.reduce(function(filteredArr, collectionElemet) { 
 
    if (collectionElemet > 10) { 
 
    return filteredArr.push(collectionElemet); 
 
    } 
 
}, []);

Tôi đã mong rằng filteredArr sẽ được khởi tạo với một mảng trống tại thời điểm thực hiện gọi lại lần đầu tiên khi nó xảy ra với rất nhiều ví dụ được cung cấp here. Nhưng khi tôi chạy mã này, tôi gặp lỗi Cannot read property 'push' of undefined, tôi đang làm phiền nó ở đâu? Cảm ơn bạn!

Answer 1

Bạn cần phải trả lại filteredArr từ chức năng ẩn danh của bạn, do đó nó được sử dụng như là previousValue cho cuộc gọi tiếp theo

var collection = [3, 5, 11, 23, 1]; 

// filter all the elements bigger than 10 to a new array 

var output = collection.reduce(function(filteredArr, collectionElement) { 
    if (collectionElement > 10) { 
    filteredArr.push(collectionElement); 
    } 
    return filteredArr; 
}, []); 

Answer 2

Array.prototype.push sẽ trở lại độ dài của mảng mới. Bạn cần trả lại bộ tích lũy. Một cách ngắn gọn để làm điều này là với Array.prototype.concat, vì phương pháp mà thực sự sẽ trở lại với mảng:

var collection = [3, 5, 11, 23, 1]; 

var output = collection.reduce(function(filteredArr, collectionElemet) { 
    if (collectionElemet > 10) { 
    return filteredArr.concat(collectionElemet); 
    } 
}, []); 

Bạn cần phải trả lại cho ác vì thế hệ tiếp theo có thể sử dụng giá trị của accumulator.