มีวิธีใช้ map () บนอาร์เรย์ในลำดับย้อนกลับด้วย javascript หรือไม่?

ฉันต้องการใช้map()ฟังก์ชันบนอาร์เรย์จาวาสคริปต์ แต่ฉันต้องการให้มันทำงานในลำดับย้อนกลับ

เหตุผลคือฉันกำลังแสดงองค์ประกอบ React แบบเรียงซ้อนในโครงการ Meteor และต้องการให้องค์ประกอบระดับบนสุดแสดงผลก่อนในขณะที่ส่วนที่เหลือโหลดรูปภาพด้านล่าง

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

ชวเลข (ไม่มีฟังก์ชันเรียกกลับที่ตั้งชื่อ) - Arrow Syntax, 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 + " ")
});

คำถามเก่า แต่สำหรับผู้ดูใหม่นี่เป็นวิธีที่ดีที่สุดในการย้อนกลับอาร์เรย์โดยใช้แผนที่

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