Thay đổi giá trị trong mảng JavaScript

Bản tóm tắt. hướng dẫn này chỉ cho bạn cách sử dụng phương thức

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

Code language: JavaScript (javascript)
5 của Mảng JavaScript để xóa các phần tử hiện có, chèn các phần tử mới và thay thế các phần tử trong một mảng

Loại Array trong JavaScript cung cấp một phương thức

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

Code language: JavaScript (javascript)
5 rất mạnh mẽ cho phép bạn chèn các phần tử mới vào giữa một mảng. Tuy nhiên, bạn cũng có thể sử dụng phương pháp này để xóa và thay thế các phần tử hiện có

Xóa các phần tử bằng phương thức let scores = [1, 2, 3, 4, 5];Code language: JavaScript (javascript)5 của JavaScript Array

Để  xóa các phần tử trong một mảng, bạn chuyển hai đối số vào phương thức

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

Code language: JavaScript (javascript)
5 như sau

Array.splice(position,num);

Code language: JavaScript (javascript)

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

Code language: JavaScript (javascript)
9 chỉ định vị trí của mục đầu tiên cần xóa và đối số num xác định số lượng phần tử cần xóa

Phương thức

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

Code language: JavaScript (javascript)
5 thay đổi mảng ban đầu và trả về một mảng chứa các phần tử đã bị xóa

Hãy cùng xem ví dụ sau

Giả sử, bạn có một mảng

let deletedScores = scores.splice(0, 3);

Code language: JavaScript (javascript)
1 chứa năm số từ 1 đến 5

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

Code language: JavaScript (javascript)

Câu lệnh sau xóa ba phần tử của mảng

let deletedScores = scores.splice(0, 3);

Code language: JavaScript (javascript)
1 bắt đầu từ phần tử đầu tiên

let deletedScores = scores.splice(0, 3);

Code language: JavaScript (javascript)

Mảng

let deletedScores = scores.splice(0, 3);

Code language: JavaScript (javascript)
1 hiện có hai phần tử

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

Code language: JavaScript (javascript)
2

Và mảng

let deletedScores = scores.splice(0, 3);

Code language: JavaScript (javascript)
4 chứa ba phần tử

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

Code language: JavaScript (javascript)
4

Hình dưới đây minh họa cuộc gọi phương thức

let deletedScores = scores.splice(0, 3);

Code language: JavaScript (javascript)
5 ở trên

Thay đổi giá trị trong mảng JavaScript
Thay đổi giá trị trong mảng JavaScript

Chèn các phần tử bằng cách sử dụng phương thức JavaScript Array let scores = [1, 2, 3, 4, 5];Code language: JavaScript (javascript)5

Bạn có thể chèn một hoặc nhiều phần tử vào một mảng bằng cách truyền ba đối số trở lên cho phương thức

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

Code language: JavaScript (javascript)
5 với đối số thứ hai bằng 0

Hãy xem xét cú pháp sau

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

Code language: JavaScript (javascript)
8

Trong cú pháp này

  • let scores = [1, 2, 3, 4, 5];

    Code language: JavaScript (javascript)
    9 chỉ định vị trí bắt đầu trong mảng mà các phần tử mới sẽ được chèn vào
  • Đối số thứ hai là không (0) hướng dẫn phương thức

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

    Code language: JavaScript (javascript)
    5 không xóa bất kỳ phần tử mảng nào
  • Đối số thứ ba, đối số thứ tư, v.v. là các phần tử mới được chèn vào mảng

Lưu ý rằng phương thức

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

Code language: JavaScript (javascript)
5 thực sự thay đổi mảng ban đầu. Ngoài ra, phương thức

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

Code language: JavaScript (javascript)
5 không xóa bất kỳ phần tử nào, do đó, nó trả về một mảng trống. Ví dụ

Giả sử rằng bạn có một mảng có tên là

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

Code language: JavaScript (javascript)
22 với ba chuỗi

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

Code language: JavaScript (javascript)
4

Câu lệnh sau chèn một phần tử sau phần tử thứ hai

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

Code language: JavaScript (javascript)
5

Mảng

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

Code language: JavaScript (javascript)
22 hiện có bốn phần tử với phần tử mới được chèn vào vị trí thứ hai

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

Code language: JavaScript (javascript)
7

Hình dưới đây minh họa cách gọi phương thức trên

Thay đổi giá trị trong mảng JavaScript
Thay đổi giá trị trong mảng JavaScript

Bạn có thể chèn nhiều phần tử bằng cách chuyển đối số thứ tư, đối số thứ năm, v.v. cho phương thức

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

Code language: JavaScript (javascript)
5 như trong ví dụ sau

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

Code language: JavaScript (javascript)
9

Thay thế các phần tử bằng phương thức JavaScript Array let scores = [1, 2, 3, 4, 5];Code language: JavaScript (javascript)5

Phương thức

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

Code language: JavaScript (javascript)
5 cho phép bạn chèn các phần tử mới vào một mảng đồng thời xóa các phần tử hiện có

Để thực hiện việc này, bạn chuyển ít nhất ba đối số với đối số thứ hai chỉ định số mục cần xóa và đối số thứ ba chỉ định các phần tử cần chèn

Lưu ý rằng số phần tử cần xóa không nhất thiết phải bằng số phần tử cần chèn

Giả sử bạn có một mảng ngôn ngữ lập trình với bốn phần tử như sau

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

Code language: JavaScript (javascript)
0

Câu lệnh sau thay thế phần tử thứ hai bằng một phần tử mới

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

Code language: JavaScript (javascript)
1

Mảng

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

Code language: JavaScript (javascript)
27 bây giờ vẫn có bốn phần tử với đối số thứ hai mới là

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

Code language: JavaScript (javascript)
28 thay vì

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

Code language: JavaScript (javascript)
29

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

Code language: JavaScript (javascript)
2

Hình dưới đây minh họa lời gọi phương thức trên

Thay đổi giá trị trong mảng JavaScript
Thay đổi giá trị trong mảng JavaScript

Bạn có thể thay thế một phần tử bằng nhiều phần tử bằng cách chuyển thêm đối số vào phương thức

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

Code language: JavaScript (javascript)
5 như sau

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

Code language: JavaScript (javascript)
3

Câu lệnh xóa một phần tử khỏi phần tử thứ hai i. e. ,

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

Code language: JavaScript (javascript)
41 và chèn ba phần tử mới vào mảng

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

Code language: JavaScript (javascript)
27. Kết quả là như sau

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

Code language: JavaScript (javascript)
4

Trong hướng dẫn này, bạn đã học cách sử dụng phương thức Array

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

Code language: JavaScript (javascript)
5 của JavaScript để xóa các phần tử hiện có, chèn các phần tử mới và thay thế các phần tử trong một mảng