วิธีย้อนกลับอาร์เรย์ใน JavaScript

Jan 23 2023
ในบทความนี้ เราจะเรียนรู้วิธีย้อนกลับอาร์เรย์ใน JavaScript มีหลายวิธีในการทำเช่นนี้: ในขั้นตอนการผลิตจะดีกว่าสำหรับคุณที่จะใช้สิ่งที่อยู่ในภาษา แต่ในขั้นตอนการเรียนรู้จะดีกว่าที่จะเข้าใจสิ่งที่เกิดขึ้นเบื้องหลัง

ในบทความนี้ เราจะเรียนรู้วิธีย้อนกลับอาร์เรย์ใน JavaScript

มีมากกว่าหนึ่งวิธีในการทำเช่นนี้:

  • ใช้reverse()วิธี (Built In)
  • ใช้สำหรับวนซ้ำ

ในขั้นตอนการผลิตจะดีกว่าสำหรับคุณที่จะใช้สิ่งที่อยู่ในภาษา แต่ในขั้นตอนการเรียนรู้จะเป็นการดีกว่าที่จะเข้าใจสิ่งที่เกิดขึ้นเบื้องหลัง

ปัญหาของเรา

ตอนนี้ปัญหาของเราคืออะไร? ปัญหาคือมีอาร์เรย์และเราต้องการย้อนกลับ

ลองนึกภาพว่ามีอาร์เรย์เช่นนั้น:

[1, 2, 3, 4, 5]

[5, 4, 3, 2, 1]

  • ใช้reverse()วิธี (Built In)
  • ใช้สำหรับวนซ้ำ

เราสามารถใช้reverse()วิธีแก้ปัญหาของเราได้

ตัวอย่าง

// Array
let myArray = [1, 2, 3, 4, 5];

// Reverse the array
let reversedArr = myArray.reverse();
// Result:
console.log(reversedArr);

[ 5, 4, 3, 2, 1

ทีนี้ก่อนจะเขียนโค้ดต้องเข้าใจก่อนว่าเราจะแก้ปัญหานี้ด้วยวิธี for loop?

ขั้นแรก การวนซ้ำจะใช้สำหรับการวนซ้ำทุกองค์ประกอบในอาร์เรย์ใช่ไหม

ในที่นี้หมายความว่าเราสามารถเริ่มจากองค์ประกอบสุดท้ายในอาร์เรย์ไปยังองค์ประกอบแรก (ตรงกันข้าม)

จากนั้นเราสามารถเพิ่มแต่ละองค์ประกอบในอาร์เรย์ใหม่

สรุปการแก้ปัญหาดังนี้

  • วนซ้ำทุกองค์ประกอบในอาร์เรย์ของเรา
  • การวนซ้ำจะเริ่มจากครั้งสุดท้ายถึงครั้งแรก
  • 5, 4, 3, 2, 1
    

// Array
let myArray = [1, 2, 3, 4, 5];

// Create new array
let result = [];
// Iterate over every element in our array
for (let i = myArray.length - 1; i >= 0; i--) {
    // Add every element to new array
    result.push(myArray[i]);
}
// Result:
console.log(result);

[ 5, 4, 3, 2, 1 ]

ขอบคุณที่อ่านบล็อกของฉัน คุณสามารถอ่านบทความดีๆ ได้จากบล็อกของฉัน