Lập bản đồ một loạt các chức năng trên một mảng trong Javascript

Question

Tôi thường cần để ánh xạ một danh sách các hàm (xử lý) với một số mảng (kênh) của dữ liệu float) vì vậy tôi đã viết một hàm helper ...

const mapMany = function(processors, channels){ 
    processors.forEach(function(processor){ 
    channels = channels.map((channel) => channel.map(processor)); 
    }); 
    return channels; 
}; 

Điều này đọc OK (với tôi ít nhất!) Nhưng ánh xạ một mảng các hàm trên một mảng khác có vẻ giống như một điều chung chung mà tôi không thể không tự hỏi nếu nó là "một điều" đã có nghĩa là có tốt hơn/được xây dựng trong/cách kinh điển để thực hiện chức năng kiểu "Bản đồ nhiều" này và nếu vậy thì tên thích hợp cho nó là gì?

Answer 1

Có, có cách tiếp cận tốt hơn để thực hiện việc này. Không sử dụng forEach!

function mapMany(processors, channels) { 
    return processors.reduce((channels, processor) => 
     channels.map(channel => channel.map(processor)) 
    , channels); 
} 

Nhưng không, không có nội dung này cũng không phải là tên chuẩn cho nó. Đó là một chức năng khá cụ thể, tuy nhiên nó có thể được tạo thành từ các khối xây dựng tiêu chuẩn.

Answer 2

Vì vậy, khi Bergi chỉ ra nó đã được chỉ đơn giản là giảm tôi đang tìm kiếm, chia tách nó thành hai chức năng làm cho nó rõ ràng hơn nhiều ...

const applySingleProcessor = function(channels, processor){ 
    return channels.map(channel => channel.map(processor)); 
}; 

const applyMultipleProcessors = function(processors, channels) { 
    return processors.reduce(applySingleProcessor, channels); 
}; 

Yay đơn giản!

Answer 3

Tôi nghĩ bạn đang tìm kiếm compose. Nó trông giống như sau:

const compose = function (...fns) { 
    const rest = fns.reverse(); 
    const first = rest.shift(); 
    return function (...args) { 
     return rest.reduce((acc, f)=>f.call(this, acc), first.apply(this, args)); 
    }; 
}; 

Bây giờ bạn có thể soạn các chức năng như thế này:

const stringDouble = compose(String, x=>x*2); 
stringDouble("44"); //==> "88" 

["22","33","44"].map(stringDouble); 
//=> ["44", "66", "88"] 

Và trong trường hợp của bạn, bạn có thể viết chức năng của bạn như thế này:

const mapMany = function(processors, channels){ 
    // compose iterates from last to first so i apply reverse 
    const fun = compose.apply(undefined, processors.reverse()); 
    return channels.map(fun); 
}; 

Các lợi thế hơn mã của riêng bạn và câu trả lời khác bằng cách sử dụng reduce là điều này không làm cho các mảng processors.length trong quá trình này mà chỉ là một mảng.

Có thư viện cung cấp compose. Đó là một chức năng phổ biến trong lập trình hàm.

Các chức năng ánh xạ khác như các chức năng bản đồ trong Gạch dưới cho phép bạn đặt this. Sau đó, các phương thức lớp sẽ hoạt động khi tôi chuyển các hàm cơ bản cũng như this.

Answer 4

Mặc dù tôi thường sử dụng .reduce() vì @Bergi đã làm, chỉ cho một loạt ở đây là một giải pháp đệ quy đơn giản .map() mà không cần .reduce();

var channels = [[1,2,3,4],[5,6,7,8], [857,1453,1881,1071]], 
 
    processors = [x => x+1, x => x*x, x => Math.sqrt(x), x => x-1], 
 
    mapMany = (processors, channels) => processors.length ? (channels = channels.map(c => c.map(processors[0])), 
 
                   mapMany(processors.slice(1),channels)) 
 
                  : channels; 
 
console.log(mapMany(processors,channels));