Làm cách nào để dịch chuyển các phần tử trong một mảng trong JavaScript?

ví dụ 1. Mã đơn giản để di chuyển một phần tử mảng từ vị trí mảng này sang vị trí mảng khác mà không cần sử dụng bất kỳ hàm nào.  

jav




GFG
Geeks, for, Geeks
7

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
9
GFG
Geeks, for, Geeks
0_______51
GFG
Geeks, for, Geeks
2
GFG
Geeks, for, Geeks
3
GFG
Geeks, for, Geeks
2
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
0
GFG
Geeks, for, Geeks
2
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
2
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
3

Phương thức Array shift() trong JavaScript loại bỏ phần tử đầu tiên của mảng, do đó giảm kích thước của mảng ban đầu xuống 1

cú pháp

arr.shift()

Thông số. Phương pháp này không chấp nhận bất kỳ tham số nào

Giá trị trả về. Hàm này trả về phần tử đầu tiên bị loại bỏ của mảng. Nếu mảng trống thì hàm này trả về không xác định

Ghi chú. Hàm này cũng có thể được sử dụng với các đối tượng javascript khác hoạt động giống như mảng

Dưới đây là một ví dụ về phương thức Array shift()

ví dụ 1. Trong ví dụ này, phương thức shift() loại bỏ phần tử chuỗi đầu tiên của mảng, do đó nó trả về GFG

JavaScript




GFG
Geeks, for, Geeks
7

________ 48 ________ 58 ________ 59

GFG
Geeks, for, Geeks
0
GFG
Geeks, for, Geeks
1

GFG
Geeks, for, Geeks
0
GFG
Geeks, for, Geeks
1
GFG
Geeks, for, Geeks
2
GFG
Geeks, for, Geeks
3
GFG
Geeks, for, Geeks
4
GFG
Geeks, for, Geeks
5
GFG
Geeks, for, Geeks
4
GFG
Geeks, for, Geeks
7
GFG
Geeks, for, Geeks
4
GFG
Geeks, for, Geeks
5
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
30

GFG
Geeks, for, Geeks
8

GFG
Geeks, for, Geeks
0
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
33

GFG
Geeks, for, Geeks
0
GFG
Geeks, for, Geeks
1
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
36

GFG
Geeks, for, Geeks
8

GFG
Geeks, for, Geeks
0
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
39

GFG
Geeks, for, Geeks
0
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
81

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
83

GFG
Geeks, for, Geeks
8

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
86

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
87

đầu ra

GFG
Geeks, for, Geeks

ví dụ 2. Trong ví dụ này, phương thức shift() loại bỏ phần tử đầu tiên của mảng, do đó nó trả về 34

JavaScript




GFG
Geeks, for, Geeks
7

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
9

GFG
Geeks, for, Geeks
8

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
1

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
1
GFG
Geeks, for, Geeks
76

 

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
33

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
1
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
36

 

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
39

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
81

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
83

 

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
86

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
87

đầu ra

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
3

ví dụ 3. Trong ví dụ này, phương thức shift() cố gắng loại bỏ phần tử đầu tiên của mảng, nhưng mảng trống, do đó nó trả về không xác định

JavaScript




GFG
Geeks, for, Geeks
7

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
9

GFG
Geeks, for, Geeks
8

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
1

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
1
GFG
Geeks, for, Geeks
87

 

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
33

GFG
Geeks, for, Geeks
8
GFG
Geeks, for, Geeks
1
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
36

 

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
39

GFG
Geeks, for, Geeks
8
Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
81

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
83

 

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
86

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
87

đầu ra

Original array: C++ ,Java ,JS ,Ruby ,Python
After move: C++ ,Ruby ,Java ,JS ,Python
8

Chúng tôi có một danh sách đầy đủ các phương thức Mảng Javascript, để kiểm tra những phương thức đó, vui lòng xem qua bài viết tham khảo đầy đủ Mảng Javascript này

Trình duyệt được hỗ trợ. Các trình duyệt được phương thức JavaScript Array shift() hỗ trợ được liệt kê bên dưới

  • Google Chrome 1 trở lên
  • Cạnh 12 trở lên
  • Firefox 1 trở lên
  • Internet Explorer 5. 5 trở lên
  • Opera4 trở lên
  • Safari1 trở lên

Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua Javascript Cheat Sheet-Hướng dẫn cơ bản về JavaScript

Phương thức

GFG
Geeks, for, Geeks
6 loại bỏ phần tử đầu tiên khỏi một mảng và trả về phần tử đó

Ví dụ

GFG
Geeks, for, Geeks
3


shift() Cú pháp

Cú pháp của phương thức

GFG
Geeks, for, Geeks
6 là

GFG
Geeks, for, Geeks
4

Ở đây, arr là một mảng


shift() Tham số

Phương thức

GFG
Geeks, for, Geeks
6 không chấp nhận bất kỳ đối số nào


shift() Giá trị trả về

  • Xóa phần tử đầu tiên khỏi
    GFG
    Geeks, for, Geeks
    9 và trả về giá trị đó
  • Trả về
    Original array: C++ ,Java ,JS ,Ruby ,Python
    After move: C++ ,Ruby ,Java ,JS ,Python
    00 nếu mảng trống

Sau khi loại bỏ phần tử ở chỉ mục thứ 0, nó sẽ chuyển các giá trị khác sang các chỉ mục liên tiếp xuống dưới

ghi chú

  • Phương thức này thay đổi mảng ban đầu và độ dài của nó
  • Để xóa phần tử cuối cùng của một mảng, hãy sử dụng phương thức JavaScript Array pop()


Ví dụ. Sử dụng phương thức shift()

GFG
Geeks, for, Geeks
5

đầu ra

GFG
Geeks, for, Geeks
6

Bài đọc được đề xuất

Làm cách nào để di chuyển một phần tử trong mảng JavaScript?

1- Di chuyển một biểu mẫu phần tử/đến chỉ mục bằng cách sử dụng. di chuyển. const input = ["a", "b", "c"]; . di chuyểnMultiArr. 2- Moves the same form/to index in multiple arrays using: moveMultiArr .

Làm cách nào để thay đổi chỉ mục trong mảng JavaScript?

Ngoài ra, có một phương thức gọi là splice() trong JavaScript, theo đó một mảng có thể được loại bỏ hoặc thay thế bằng một phần tử khác cho một chỉ mục. Vì vậy, để di chuyển một phần tử mảng từ vị trí mảng này sang vị trí mảng khác, chúng ta có thể sử dụng phương thức splice() hoặc đơn giản là chúng ta có thể sử dụng lập chỉ mục mảng ([]) .