Hướng dẫn add object to empty array javascript - thêm đối tượng vào mảng trống javascript

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

var array = [];
array.push["value1"];
array.push["value2"];
array.push["value3"];
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.

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
    var array = [];
    array.push["value1"];
    array.push["value2"];
    array.push["value3"];
    
    8.
  • 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
    var array = [];
    array.push["value1"];
    array.push["value2"];
    array.push["value3"];
    
    9.
  • 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
    var array = [];
    array.unshift["value1"];
    array.unshift["value2"];
    array.unshift["value3"];
    
    0.
  • 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
    var array = [];
    array.unshift["value1"];
    array.unshift["value2"];
    array.unshift["value3"];
    
    1.

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

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

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"];
0

Cá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

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"];
1

Giả 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
  • var array = [];
    array[index] = "value1";
    
    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.
  • 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 [
    var array = [];
    array.unshift["value1"];
    array.unshift["value2"];
    array.unshift["value3"];
    
    4], hướng dẫn phương thức
    var 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.
  • [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"];
3

Giố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"];
4

Lư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

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"];
5

Phươ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"];
6

Gó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

Bạn có thể thêm các phần tử vào một mảng trống?

Để thêm các phần tử vào một mảng trống, chúng tôi sử dụng trình chỉ mục để chỉ định phần tử và gán một giá trị cho nó với toán tử gán. Thật không may, không có lối tắt để thêm các phần tử vào một mảng một cách linh hoạt. Nếu chúng tôi muốn làm điều đó, chúng tôi sẽ phải sử dụng một loại bộ sưu tập khác như một danh sách ArrayList.use the indexer to specify the element and assign a value to it with the assignment operator. Unfortunately, there's no shortcut to add elements to an array dynamically. If we want to do that, we would have to use another collection type like an ArrayList .

Làm thế nào để bạn thêm một đối tượng vào một mảng?

Để đạt được điều này, chúng tôi sẽ sử dụng phương pháp đẩy.Như bạn có thể thấy, chúng tôi chỉ cần chuyển đối tượng OBJ cho phương thức Push [] và nó sẽ thêm nó vào cuối mảng.Để thêm nhiều đối tượng vào một mảng, bạn có thể chuyển nhiều đối tượng làm đối số cho phương thức Push [], sẽ thêm tất cả các mục vào cuối mảng.pass the obj object to the push[] method and it will add it to the end of the array. To add multiple objects to an array, you can pass multiple objects as arguments to the push[] method, which will add all of the items to the end of the array.

Làm thế nào để bạn khai báo một mảng các đối tượng trống trong JavaScript?

Để khởi tạo một mảng các đối tượng, hãy sử dụng hàm tạo mảng [] để tạo một mảng chứa đầy n phần tử trống và sử dụng vòng lặp để lặp qua mảng gán từng phần tử cho một đối tượng.Đã sao chép!const Arr2 = mảng mới [2];for [let i = 0; i

Bài Viết Liên Quan

Chủ Đề