Cách đảo ngược mảng đối tượng trong javascript
|
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 Show 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ụ JavascriptOriginal 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ụ JavascriptOriginal 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ụ JavascriptOriginal 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. Reverse có phải là một phương thức mảng trong JavaScript không?Phương thức reverse() đảo ngược một mảng tại chỗ và trả về tham chiếu cho cùng một mảng, phần tử mảng đầu tiên bây giờ trở thành phần tử cuối cùng và phần tử mảng cuối cùng trở thành phần tử đầu tiên.
Cách hiệu quả nhất để đảo ngược một mảng JavaScript là gì?reverse() nếu bạn muốn tại chỗ hoặc mảng. lát(). reverse() nếu bạn muốn có một bản sao . Các lib tiêu chuẩn có khả năng là nhanh nhất, chắc chắn là rõ ràng nhất để hiểu và tốc độ của chúng tăng lên miễn phí khi chúng được tối ưu hóa theo thời gian. |
