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

I逆配列をマップするために配列を渡し、関数で逆配列を返します。マップcbでは、渡された配列からインデックスが10（長さ）から1までカウントされる値を取得するだけです。

これは、O（n）であり、配列を2回実行しないようにすることで、他のソリューションよりも効率的なTypeScriptソリューションです。

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 + " ")
});

古い質問ですが、新しい視聴者にとっては、これがマップを使用して配列を逆にする最良の方法です

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