ย้อนกลับอาร์เรย์ใน Javascript โดยไม่ต้องปิดท้ายอาร์เรย์เดิม

Array.prototype.reverse ย้อนกลับเนื้อหาของอาร์เรย์ในสถานที่ (กับการกลายพันธุ์) ...

มีกลยุทธ์อย่างง่าย ๆ ที่คล้ายกันสำหรับการย้อนกลับอาร์เรย์โดยไม่มีการเปลี่ยนแปลงเนื้อหาของอาร์เรย์เดิม (โดยไม่มีการเปลี่ยนแปลง) หรือไม่?

คุณสามารถใช้slice ()เพื่อทำสำเนาจากนั้นย้อนกลับ ()ได้

var newarray = array.slice().reverse();

var array = ['a', 'b', 'c', 'd', 'e'];
var newarray = array.slice().reverse();

console.log('a', array);
console.log('na', newarray);

ใน ES6:

const newArray = [...array].reverse()

ตัวแปร ES6 อื่น:

นอกจากนี้เรายังสามารถใช้.reduceRight()เพื่อสร้างอาร์เรย์ที่กลับด้านได้โดยไม่ต้องย้อนกลับ

let A = ['a', 'b', 'c', 'd', 'e', 'f'];

let B = A.reduceRight((a, c) => (a.push(c), a), []);

console.log(B);

ทรัพยากรที่มีประโยชน์:

• Array.prototype.reduceRight()
• Arrow Functions
• Comma Operator

ลองวิธีแก้ปัญหาซ้ำนี้:

const reverse = ([head, ...tail]) => 
    tail.length === 0
        ? [head]                       // Base case -- cannot reverse a single element.
        : [...reverse(tail), head]     // Recursive case

reverse([1]);               // [1]
reverse([1,2,3]);           // [3,2,1]
reverse('hello').join('');  // 'olleh' -- Strings too!                              

ทางเลือก ES6 ที่ใช้.reduce()และกระจาย

const foo = [1, 2, 3, 4];
const bar = foo.reduce((acc, b) => ([b, ...acc]), []);

โดยทั่วไปสิ่งที่มันทำคือสร้างอาร์เรย์ใหม่ด้วยองค์ประกอบถัดไปใน foo และกระจายอาร์เรย์สะสมสำหรับแต่ละการวนซ้ำหลังจาก b

[]
[1] => [1]
[2, ...[1]] => [2, 1]
[3, ...[2, 1]] => [3, 2, 1]
[4, ...[3, 2, 1]] => [4, 3, 2, 1]

อีกทางเลือกหนึ่ง.reduceRight()ดังกล่าวข้างต้นที่นี่ แต่ไม่มีการ.push()กลายพันธุ์

const baz = foo.reduceRight((acc, b) => ([...acc, b]), []);

มีหลายวิธีในการย้อนกลับอาร์เรย์โดยไม่ต้องแก้ไข สองของพวกเขาคือ

var array = [1,2,3,4,5,6,7,8,9,10];

// Using Splice
var reverseArray1 = array.splice().reverse(); // Fastest

// Using spread operator
var reverseArray2 = [...array].reverse();

// Using for loop 
var reverseArray3 = []; 
for(var i = array.length-1; i>=0; i--) {
  reverseArray.push(array[i]);
}

การทดสอบประสิทธิภาพhttp://jsben.ch/guftu

จาวาสคริปต์ธรรมดาใน:

function reverseArray(arr, num) {
  var newArray = [];
  for (let i = num; i <= arr.length - 1; i++) {
    newArray.push(arr[i]);
  }

  return newArray;
}

การย้อนกลับโดยใช้การสลับผันแปรเพียงเพื่อจุดประสงค์ในการสาธิต (แต่คุณต้องการสำเนาหากคุณไม่ต้องการที่จะกลายพันธุ์)

const myArr = ["a", "b", "c", "d"];
const copy = [...myArr];
for (let i = 0; i < (copy.length - 1) / 2; i++) {  
    const lastIndex = copy.length - 1 - i; 
    [copy[i], copy[lastIndex]] = [copy[lastIndex], copy[i]] 
}

ES6:

const reverseArr = [1,2,3,4].sort(()=>1)