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

Tôi muốn sử dụng map()hàm 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 đang kết xuất các thành phần React xếp chồng lên nhau trong một dự án Meteor và muốn phần tử cấp cao nhất hiển thị trước 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 enhưng tôi ước có một mapReverse () được ine d c b a

Bất kỳ đề xuất?

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 đó lập bản đồ của mảng đã đảo ngược,

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

Không làm thay đổi mảng nào cả, đây là một giải pháp O (n) một lớp lót mà tôi đã đưa ra:

myArray.map((val, index, array) => array[array.length - 1 - index]);

Bạn có thể 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)

Với chức năng gọi lại được đặt tên

const items = [1, 2, 3]; 
const reversedItems = items.map(function iterateItems(item) {
  return item; // or any logic you want to perform
}).reverse();

Viết tắt (không có hàm gọi lại được đặt tên) - Cú pháp mũi tên, ES6

const items = [1, 2, 3];
const reversedItems = items.map(item => item).reverse();

Đây là kết quả

Một giải pháp khác có thể là:

const reverseArray = (arr) => arr.map((_, idx, arr) => arr[arr.length - 1 - idx ]);

Về cơ bản, bạn làm việc với các chỉ mục mảng

Tôi thích viết hàm 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 ]

function mapRevers(reverse) {
    let reversed = reverse.map( (num,index,reverse) => reverse[(reverse.length-1)-index] );
    return reversed;
}

console.log(mapRevers(myArray));

I Bạn chuyển mảng để ánh xạ Revers và trong hàm, bạn trả về mảng đã đảo ngược. Trong bản đồ cb, bạn chỉ cần lấy các giá trị có chỉ số đếm từ 10 (độ dài) xuống 1 từ mảng đã truyền

Đây là giải pháp TypeScript của tôi vừa là O (n) vừa hiệu quả hơn các giải pháp khác bằng cách ngăn việc chạy qua mảng hai lần:

function reverseMap<T, O>(arg: T[], fn: (a: T) => O) {
   return arg.map((_, i, arr) => fn(arr[arr.length - i - 1]))
}

Trong JavaScript:

const reverseMap = (arg, fn) => arg.map((_, i, arr) => fn(arr[arr.length - 1 - i]))

// Or 

function reverseMap(arg, fn) {
    return arg.map((_, i, arr) => fn(arr[arr.length - i - 1]))
}

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

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

Một câu hỏi cũ nhưng đối với những người mới xem, đây là cách tốt nhất để đảo ngược mảng bằng cách sử dụng bản đồ

var myArray = ['a', 'b', 'c', 'd', 'e'];
[...myArray].map(() => myArray.pop());