Trong bài viết này, chúng tôi sẽ cố gắng hiểu cách chúng tôi có thể đảo ngược một mảng bằng một số phương thức trong JavaScript. Chúng ta sẽ sử dụng cú pháp dưới đây để khai báo một mảng. Sau khi khai báo mảng, chúng ta sẽ sử dụng các cách tiếp cận khác nhau để đảo ngược mảng
cú pháp
let array_name = [];
Cách tiếp cận 1. Sử dụng phương thức đảo ngược []. Cách tiếp cận này là cách đơn giản nhất cũng như cách tiếp cận gốc đánh dấu việc sử dụng phương thức reverse[] có sẵn trong mảng trong JavaScript. Đầu tiên, chúng ta sẽ khai báo một mảng với các giá trị nhất định và sau đó chúng ta sẽ áp dụng phương thức reverse[] cho nó để in ra mảng bị đảo ngược
Thí dụ
Javascript
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]5
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]7
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]9____10
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]1
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]3
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]5
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]9____18
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]1
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]3
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]2
đầu ra
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]
Cách tiếp cận 2. Sử dụng vòng lặp for[] đảo ngược. Trong cách tiếp cận này, chúng ta sẽ sử dụng vòng lặp for[] để đảo ngược một mảng. Đầu tiên, chúng ta sẽ tạo một mảng và sau đó sử dụng vòng lặp for để in các phần tử của mảng theo thứ tự ngược lại
Thí dụ
Javascript
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]5
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]5
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]7
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]9____10
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]1
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]43
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]45
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]46
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]47
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]48
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]0
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]9____18
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]1
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]2
đầu ra
________số 8Cách tiếp cận 3. Sử dụng phương thức unshift[]. Cách tiếp cận này sử dụng phương thức unshift[] của JavaScript. Phương thức này thêm các phần tử vào đầu mảng. Chúng ta sẽ sử dụng vòng lặp forEach[] sẽ thực hiện các thao tác trên từng phần tử của mảng. Chúng tôi sẽ sử dụng một mảng mới được tạo, trong đó chúng tôi sẽ thêm các phần tử từ mảng trước đó nhưng theo cách đảo ngược chính nó
Thí dụ
Javascript
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]5
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]50
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]7
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]9____10
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]1
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]43
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]60
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]47
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]62
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]64
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]9____18
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]1
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]6
Original Array: [ 1, 2, 3, 4 ] Reversed Array: [ 4, 3, 2, 1 ]2
đầu ra
Original Array: [ 1, 2, 3, 4, 5 ] Reversed Array: [ 5, 4, 3, 2, 1 ]4
Cách tiếp cận 4. Sử dụng phương thức giảm []. Theo cách tiếp cận này, chúng tôi giảm hàm áp dụng hàm gọi lại trên từng phần tử và nhận kết quả tóm tắt của tất cả các mục trong bộ tích lũy. Đầu tiên, chúng ta sẽ sử dụng phương thức rút gọn trên mảng và lấy giá trị rỗng làm bộ tích lũy và nối từng phần tử vào đầu mảng. Cuối cùng, chúng tôi nhận được đảo ngược của mảng ban đầu.