有没有办法使用JavaScript以相反的顺序在数组上使用map（）？

我想map()在JavaScript数组上使用该函数，但是我希望它以相反的顺序运行。

原因是，我正在Meteor项目中渲染堆叠的React组件，并希望顶层元素首先渲染，而其余部分则在下面加载图像。

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

打印出来，a b c d e但我希望有一个mapReverse（）打印出来e d c b a

有什么建议么？

如果您不想反转原始数组，可以对其进行浅表复制，然后映射反转数组，

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

根本不改变数组，这是我想出的一线O（n）解决方案：

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

您可以使用 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)

具有命名回调功能

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

速记（无命名的回调函数）-箭头语法，ES6

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

这是结果

另一个解决方案可能是：

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

您基本上可以使用数组索引

我更喜欢一次编写mapReverse函数，然后使用它。同样，这不需要复制数组。

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));

我将数组传递给Revers，然后在函数中返回反向数组。在映射cb中，您只需从传递的数组中获取索引，其索引从10（长度）到1计数

这是我的TypeScript解决方案，它通过两次阻止遍历数组来实现O（n）效率，并且比其他解决方案更有效：

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

在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]))
}

您可以先执行myArray.reverse（）。

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

一个古老的问题，但对于新观众来说，这是使用map反转数组的最佳方法

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