Gibt es eine Möglichkeit, map() für ein Array in umgekehrter Reihenfolge mit Javascript zu verwenden?

Question

Ich möchte die map() Funktion auf einem Javascript-Array verwenden, aber ich möchte, dass es in umgekehrter Reihenfolge funktioniert.

Der Grund ist, dass ich gestapelte React-Komponenten in einem Meteor-Projekt rendere und möchte, dass das Top-Level-Element zuerst rendert, während der Rest Bilder darunter lädt.

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

druckt a b c d e aber ich wünschte, ein mapReverse() gab es die e d c b a gedruckt

Irgendwelche Vorschläge?

Answer 1

Wenn Sie das Original-Array umkehren nicht möchten, können Sie eine flache Kopie davon dann Karte des reversed Array machen,

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

Answer 2

Sie können myArray.reverse() zuerst ausführen.

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

Answer 3

können Sie Array.prototype.reduceRight() verwenden

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

ich bevorzuge es wri Verwenden Sie die mapReverse-Funktion einmal und verwenden Sie sie dann. Auch dies muss das Array nicht kopieren.

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 ]