Mảng đảo ngược JavaScript – Hướng dẫn với mã JS mẫu – đảo ngược một mảng trong javascript

Đảo ngược một mảng với các hạn chế nhất định là một trong những thách thức phổ biến nhất mà bạn sẽ gặp trong các cuộc phỏng vấn việc làm và các câu đố viết mã.

Hướng dẫn này sẽ chỉ cho bạn năm cách để đảo ngược một mảng trong JavaScript có và không có phương thức reverse , cùng với các đoạn mã mà bạn có thể sử dụng.

Cách Đảo ngược Mảng trong JavaScript bằng Phương pháp Đảo ngược

Khi bạn cần đảo ngược một mảng trong JavaScript, bạn có thể sử dụng phương thức reverse , phương thức này sẽ đặt phần tử cuối cùng trước và phần tử đầu tiên sau cùng:

  let number = [1, 2, 3, 4, 5];
để cho đảo ngượcNumbers = số.reverse ();

console.log (Số bị đảo ngược);
// [5, 4, 3, 2, 1]  

Đảo ngược mảng bằng JavaScript

Nhưng hãy nhớ rằng phương thức reverse cũng sẽ sửa đổi mảng ban đầu :

  let number = [1, 2, 3, 4, 5];
để cho đảo ngượcNumbers = số.reverse ();

console.log (Số bị đảo ngược);
// [5, 4, 3, 2, 1]

console.log (số);
// [5, 4, 3, 2, 1]  

Phương thức đảo ngược sửa đổi mảng ban đầu

Một số thách thức mã hóa có thể muốn bạn giữ nguyên mảng ban đầu, vì vậy hãy xem cách bạn có thể đảo ngược một mảng mà không thay đổi mảng ban đầu.

Cách Đảo ngược Mảng trong JavaScript bằng Toán tử Spread

Bạn có thể sử dụng kết hợp toán tử spread và phương thức reverse để đảo ngược mảng mà không thay đổi mảng ban đầu.

Đầu tiên, bạn đặt các phần tử được trả về từ toán tử spread vào một mảng mới bằng cách đặt cú pháp spread bằng dấu ngoặc vuông [] :

  [... number]  

Sau đó, bạn gọi phương thức reverse trên mảng. Bằng cách này, phương thức reverse sẽ được thực thi trên mảng mới thay vì mảng ban đầu:

  let number = [1, 2, 3, 4, 5];
let reverseedNumbers = [... số] .reverse ();

console.log (Số bị đảo ngược);
// [5, 4, 3, 2, 1]

console.log (số);
// [1, 2, 3, 4, 5]  

Sử dụng spread và reverse để đảo ngược mảng

Lưu ý: phương thức spread là cú pháp ES6. Khi bạn cần hỗ trợ các trình duyệt cũ hơn hoặc bạn muốn sử dụng cú pháp ES5, bạn có thể kết hợp các phương thức lát và ngược lại . Hãy xem xét điều đó ngay bây giờ.

Cách Đảo ngược Mảng trong JavaScript với Phương thức Slice và Reverse

Phương thức slice được sử dụng để trả về các phần tử đã chọn dưới dạng một mảng mới. Khi bạn gọi phương thức mà không có bất kỳ đối số nào, nó sẽ trả về một mảng mới giống với mảng ban đầu (từ phần tử đầu tiên đến phần tử cuối cùng).

Tiếp theo, bạn gọi ngược lại trên mảng mới trả về. Đây là lý do tại sao mảng ban đầu không bị đảo ngược:

  let number = [1, 2, 3, 4, 5];
hãy để đảo ngượcNumbers = number.slice (). reverse ();

console.log (Số bị đảo ngược);
// [5, 4, 3, 2, 1]

console.log (số);
// [1, 2, 3, 4, 5]  

Sử dụng phương thức lát cắt và đảo ngược để đảo ngược mảng

Cách Đảo ngược một mảng trong JavaScript mà không có Phương pháp Đảo ngược

Đôi khi một cuộc phỏng vấn xin việc sẽ yêu cầu bạn đảo ngược một mảng mà không có phương pháp reverse . Không vấn đề gì! Bạn có thể sử dụng kết hợp vòng lặp for và phương thức mảng push như trong ví dụ dưới đây:

  let number = [1, 2, 3, 4, 5];
hãy để đảo ngượcNumbers = [];

for (cho i = number.length -1; i & gt; = 0; i--) {
  reverseNumbers.push (số [i]);
}

console.log (reverseNumbers);  

Đảo ngược mảng với vòng lặp for và phương thức push

Cách thực hiện Viết hàm ngược của riêng bạn trong JS

Cuối cùng, giả sử bạn được giao nhiệm vụ viết hàm ngược của riêng mình cần đảo ngược một mảng mà không cần tạo bản sao. Điều này thoạt nghe có vẻ phức tạp, nhưng đừng lo lắng vì nó thực sự khá dễ dàng.

Điều bạn cần làm ở đây là hoán đổi phần tử đầu tiên và cuối cùng của mảng, sau đó hoán đổi phần tử thứ hai và phần tử thứ hai thành cuối cùng, v.v. cho đến khi bạn đã hoán đổi tất cả các phần tử.

Một hàm để đảo ngược một mảng

Hãy viết một hàm để thực hiện điều đó.

Viết hàm customReverse < / code> và lưu trữ cả chỉ mục đầu tiên tại 0 và chỉ mục cuối cùng bằng cách sử dụng array.length - 1 dưới dạng các biến.

  function customReverse (originalArray) {

  để leftIndex = 0;
  let rightIndex = originalArray.length - 1;
}  

  while (leftIndex & lt; rightIndex) {

  // Hoán đổi các phần tử
  let temp = originalArray [leftIndex];
  originalArray [leftIndex] = originalArray [rightIndex];
  originalArray [rightIndex] = temp;
}  

  function customReverse ( originalArray) {

  để leftIndex = 0;
  let rightIndex = originalArray.length - 1;

  trong khi (leftIndex & lt; rightIndex) {

    // Hoán đổi các phần tử bằng biến tạm thời
    let temp = originalArray [leftIndex];
    originalArray [leftIndex] = originalArray [rightIndex];
    originalArray [rightIndex] = temp;

    // Di chuyển các chỉ mục vào giữa
    leftIndex ++;
    rightIndex--;
  }
}  

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

customReverse (myArray);

console.log (myArray);

// đầu ra là [5, 4, 3, 2, 1]