Array là một đối tượng gốc JavaScript, tại sao bạn không cố gắng sử dụng API của nó? Tự biết API sẽ giúp bạn tiết kiệm thời gian khi bạn sẽ chuyển sang JavaScript thuần túy hoặc khung khác.
Có một số khả năng khác nhau, vì vậy, sử dụng một khả năng mà chủ yếu nhắm mục tiêu nhu cầu của bạn.
Tạo mảng với các giá trị:
var array = ["value1", "value2", "value3"];
Thêm các giá trị vào cuối
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
Thêm các giá trị vào đầu:
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
Thêm giá trị tại một số chỉ mục:
var array = [];
array[index] = "value1";
hoặc bằng cách sử dụng mối nối
array.splice[index, 0, "value1", "value2", "value3"];
Chọn một cái bạn cần.
Kiểu dữ liệu mảng là một trong những kiểu dữ liệu được sử dụng phổ biến nhất khi bạn làm việc với một danh sách các giá trị được đặt hàng. Mỗi giá trị được gọi là một yếu tố với một
7 duy nhất. Nó lưu trữ các yếu tố của các kiểu dữ liệu khác nhau mà bạn có thể truy cập thông qua một biến duy nhất.var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
Trong thực tế, một mảng có thể giữ một danh sách người dùng và chúng ta có thể cần thêm [các] phần tử vào mảng sau phần tử cuối cùng, trước phần tử đầu tiên hoặc tại bất kỳ điểm nào được chỉ định trong mảng của chúng tôi.
Bài viết này sẽ chỉ cho bạn cách chèn một phần tử vào một mảng bằng JavaScript. Trong trường hợp bạn đang vội, đây là các phương pháp chúng ta sẽ thảo luận sâu trong bài viết này:
// Add to the start of an array
Array.unshift[element];
// Add to the end of an array
Array.push[element];
// Add to a specified location
Array.splice[start_position, 0, new_element...];
// Add with concat method without mutating original array
let newArray = [].concat[Array, element];
- Khi bạn muốn thêm một phần tử vào cuối mảng của bạn, hãy sử dụng
8.var array = []; array.push["value1"]; array.push["value2"]; array.push["value3"];
- Nếu bạn cần thêm một phần tử vào đầu mảng của bạn, hãy sử dụng
9.var array = []; array.push["value1"]; array.push["value2"]; array.push["value3"];
- Nếu bạn muốn thêm một phần tử vào một vị trí cụ thể của mảng của bạn, hãy sử dụng
0.var array = []; array.unshift["value1"]; array.unshift["value2"]; array.unshift["value3"];
- Và cuối cùng, khi bạn muốn duy trì mảng ban đầu của mình, bạn có thể sử dụng phương thức
1.var array = []; array.unshift["value1"]; array.unshift["value2"]; array.unshift["value3"];
Cách đẩy đến đầu một mảng với phương thức var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
Trong JavaScript, bạn sử dụng phương thức
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9 để thêm một hoặc nhiều phần tử vào đầu một mảng và nó trả về độ dài của mảng sau khi các phần tử mới được thêm vào.Nếu chúng ta có một loạt các quốc gia và muốn thêm một quốc gia trước "Nigeria", hiện đang ở chỉ số đầu tiên
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
4, chúng ta có thể làm như vậy với phương thức var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9, như được hiển thị bên dưới:const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.unshift["Kenya"];
console.log[countries]; // ["Kenya","Nigeria","Ghana","Rwanda"]
Như chúng tôi đã nói, chúng tôi cũng có thể thêm nhiều phần tử bằng phương pháp
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9: const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.unshift["South Africa", "Mali", "Kenya"];
console.log[countries]; // ["South Africa","Mali","Kenya","Nigeria","Ghana","Rwanda"]
Trong giải thích của chúng tôi về phương pháp
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9, chúng tôi cũng tuyên bố rằng nó trả về độ dài của mảng mới, đó là đúng:const countries = ["Nigeria", "Ghana", "Rwanda"];
let countriesLength = countries.unshift["South Africa", "Mali", "Kenya"];
console.log[countriesLength]; // 6
Cách đẩy vào cuối một mảng bằng phương pháp var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
8
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
Phương thức
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
8 tương tự như phương thức var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9 vì nó thêm một phần tử vào cuối một mảng chứ không phải là đầu. Nó trả về độ dài của mảng mới và, giống như phương thức var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
9, có thể được sử dụng để thêm nhiều phần tử.Hãy thử lại cùng một ví dụ, nhưng lần này thêm chúng vào phần cuối của mảng bằng phương thức
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
8:const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.push["Kenya"];
console.log[countries]; // ["Nigeria","Ghana","Rwanda","Kenya"]
countries.push["South Africa", "Mali"];
console.log[countries]; // ["Nigeria","Ghana","Rwanda","Kenya","South Africa","Mali"]
Và như chúng tôi đã nói, chúng tôi có thể sử dụng nó để có được độ dài của mảng mới:
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
0Cách đẩy đến một vị trí được chỉ định trong một mảng với phương thức var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
0
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
Cho đến nay, chúng ta chỉ thấy cách thêm một phần tử vào đầu hoặc kết thúc của một mảng. Nhưng bạn có thể tự hỏi làm thế nào để thêm một phần tử vào một vị trí cụ thể trong một mảng. Vâng, bạn có thể làm điều đó với phương pháp
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
0.Phương pháp
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
0 là một phương pháp đa năng để thay đổi nội dung của một mảng bằng cách loại bỏ, thay thế hoặc thêm các phần tử vào các vị trí được chỉ định của mảng. Phần này sẽ bao gồm cách sử dụng phương pháp này để thêm một phần tử vào một vị trí cụ thể.Ví dụ, hãy xem xét các mảng các quốc gia sau đây, trong đó có ba yếu tố [quốc gia] sắp xếp theo thứ tự bảng chữ cái:
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
1Giả sử chúng ta muốn thêm "Kenya", theo thứ tự bảng chữ cái, nên được đặt ở vị trí thứ hai, Index
var array = [];
array[index] = "value1";
6 [sau Ghana và trước Nigeria]. Trong trường hợp đó, chúng tôi sẽ sử dụng phương thức var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
0 với cú pháp sau:var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
2
8 chỉ định chỉ số nơi chúng tôi muốn các yếu tố mới được chèn vào mảng. Nếu có nhiều yếu tố, nó chỉ định nơi các yếu tố được chèn sẽ bắt đầu.var array = []; array[index] = "value1";
- Nếu chúng tôi muốn thêm vào mảng, chúng tôi đặt đối số thứ hai thành 0 [
4], hướng dẫn phương thứcvar array = []; array.unshift["value1"]; array.unshift["value2"]; array.unshift["value3"];
0 không xóa bất kỳ phần tử mảng nào.var array = []; array.unshift["value1"]; array.unshift["value2"]; array.unshift["value3"];
- [Các] tham số hoặc phần tử sau đây có thể nhiều hơn một, vì đây là các phần tử chúng tôi muốn thêm vào mảng tại vị trí được chỉ định.
Ví dụ: Hãy đặt "Kenya" sau "Ghana" ở các quốc gia của chúng tôi:
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
3Giống như chúng tôi đã làm cho các phương thức khác, chúng tôi cũng có thể thêm nhiều hơn một yếu tố:
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
4Lưu ý rằng các phương thức trước đã trả về độ dài của mảng mới, nhưng phương thức mối nối thay đổi mảng gốc. Nó không loại bỏ bất kỳ yếu tố nào, vì vậy nó trả về một mảng trống.
Cách đẩy các phần tử vào một mảng bằng phương pháp var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
1
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
Chúng ta có thể sử dụng phương thức
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
1 để thêm các phần tử vào một mảng mà không bị đột biến hoặc thay đổi mảng gốc. Thay vào đó, việc tạo ra một phương pháp mới là một phương pháp tốt hơn nếu chúng ta không muốn mảng ban đầu bị ảnh hưởng.Chúng ta có thể sử dụng phương pháp này để thêm các phần tử cho cả đầu và cuối của mảng dựa trên nơi chúng ta đặt các phần tử:
var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
5Phương pháp
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
1 cũng cho phép chúng tôi kết hợp hai mảng [hoặc nhiều hơn] với một mảng mới duy nhất:var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
6Gói lên
Trong bài viết này, chúng tôi đã học được nhiều cách khác nhau để đẩy các phần tử vào một mảng đến đầu, kết thúc hoặc bất kỳ vị trí nào bằng phương pháp
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
0.Chúng tôi cũng đã học được rằng phương pháp
var array = [];
array.unshift["value1"];
array.unshift["value2"];
array.unshift["value3"];
1 cho phép chúng tôi đẩy các phần tử mà không làm thay đổi mảng gốc.Sử dụng bất kỳ phương pháp phù hợp với nhu cầu của bạn.
Mã hóa hạnh phúc!
Học mã miễn phí. Chương trình giảng dạy nguồn mở của Freecodecamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu