Có cách nào để sử dụng map() trên một mảng theo thứ tự ngược với javascript?

Question

Tôi muốn sử dụng chức năng map() trên một mảng javascript, nhưng tôi muốn nó hoạt động theo thứ tự ngược lại.

Lý do là, tôi sẽ hiển thị các thành phần React xếp chồng lên nhau trong dự án Meteor và muốn phần tử cấp cao nhất hiển thị đầu tiên trong khi phần còn lại tải hình ảnh bên dưới.

var myArray = ['a', 'b', 'c', 'd', 'e']; 
myArray.map(function (el, index, coll) { 
    console.log(el + " ") 
}); 

in ra a b c d e nhưng tôi muốn có một mapReverse() mà in e d c b a

Bất kỳ lời đề nghị?

Answer 1

Nếu bạn không muốn đảo ngược mảng ban đầu, bạn có thể tạo một bản sao cạn của nó sau đó bản đồ của mảng đảo ngược,

myArray.slice(0).reverse().map(function(... 

Answer 2

Bạn có thể thực hiện myArray.reverse() trước tiên.

var myArray = ['a', 'b', 'c', 'd', 'e']; 
myArray.reverse().map(function (el, index, coll) { 
    console.log(el + " ") 
}); 

Answer 3

Bạn có thể sử dụng Array.prototype.reduceRight()

var myArray = ["a", "b", "c", "d", "e"]; 
 
var res = myArray.reduceRight(function (arr, last, index, coll) { 
 
    console.log(last, index); 
 
    return (arr = arr.concat(last)) 
 
}, []); 
 
console.log(res, myArray)

Answer 4

Tôi thích wri te chức năng mapReverse một lần, sau đó sử dụng nó. Ngoài ra, điều này không cần phải sao chép mảng.

function mapReverse(array, fn) { 
    return array.reduceRight(function (result, el) { 
     result.push(fn(el)); 
     return result; 
    }, []); 
} 

console.log(mapReverse([1, 2, 3], function (i) { return i; })) 
// [ 3, 2, 1 ] 
console.log(mapReverse([1, 2, 3], function (i) { return i * 2; })) 
// [ 6, 4, 2 ]