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

Các mục có thể được thêm vào một mảng với phương thức

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

var arr = [
  {
    firstname: "John",
    lastname: "Smith"
  }
];

Trong phương thức

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Nếu các khóa của đối tượng có cùng tên với các biến thì bạn có thể sử dụng cú pháp bên dưới. Điều này sẽ cung cấp cho các phím đối tượng có cùng tên với biến và đặt giá trị của biến với nó làm giá trị của khóa.

arr.push[{ firstName, lastName }];

Ngoài ra, nếu bạn muốn thêm một đối tượng vào đầu mảng, hãy sử dụng phương thức

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

arr.unshift[{ firstName, lastName }];

Trong JavaScript, bạn có thể thêm các mục vào một mảng theo một số cách, như khởi tạo mảng bằng một mục, đẩy một mục vào mảng, kết hợp mảng, v.v.

Ở đây chúng tôi sẽ xem cách bạn có thể đẩy một đối tượng JavaScript vào một mảng.

Để đạt được điều này, chúng tôi sẽ sử dụng phương pháp

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

let array = [];

let obj = {
 name: 'Billy',
 age: 30,
 role: 'admin'
};

array.push[obj];

console.log[array];
// [{name: 'Billy', age: 30, role: 'admin'}]

Như bạn có thể thấy, chúng tôi chỉ cần chuyển đối tượng

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Để 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

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

let array = [];

let obj = {
   name: 'Billy',
   age: 30,
   role: 'admin'
};
let obj2 = {
   name: 'Timmy',
   age: 25,
   role: 'user'
};

array.push[obj, obj2];

console.log[array];
// [{name: 'Billy', age: 30, role: 'admin'}, {name: 'Joe', age: 25, role: 'user'}]

Bạn cũng có thể đạt được điều tương tự bằng cách chuyển đối tượng trực tiếp vào phương thức

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

let array = [];

array.push[{
   name: 'Billy',
   age: 30,
   role: 'admin'
}];

console.log[array];
// [{name: 'Billy', age: 30, role: 'admin'}]

Một phương pháp khác, mặc dù ít phổ biến hơn, là sử dụng phương pháp

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Trong ví dụ này, chúng tôi sử dụng

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

let array = [];

let obj = {
   name: 'Billy',
   age: 30,
   role: 'admin'
};
let obj2 = {
   name: 'Timmy',
   age: 25,
   role: 'user'
};

array = array.concat[obj, obj2];

console.log[array];
// [{name: 'Billy', age: 30, role: 'admin'}, {name: 'Joe', age: 25, role: 'user'}]

Lưu ý rằng chúng tôi phải gán kết quả của cuộc gọi trở lại mảng kể từ khi một mảng mới được trả về.

Đẩy nhiều giá trị vào một mảng trong javascript #

Sử dụng phương thức

arr.push[{ firstName, lastName }];

arr.push[{ firstName, lastName }];

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Copied!
const arr = ['a'];

arr.push['b', 'c', 'd'];
console.log[arr]; // 👉️ ['a', 'b', 'c', 'd']

Phương thức mảng.push lấy một hoặc nhiều đối số và thêm chúng vào cuối mảng.

Phương pháp thay đổi nội dung của mảng gốc và trả về độ dài mới của mảng.

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

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Ngoài ra, bạn có thể sử dụng cú pháp lan truyền [...].

Đẩy nhiều giá trị vào một mảng bằng cú pháp lan truyền #

Sử dụng cú pháp lan truyền để đẩy nhiều giá trị vào một mảng, ví dụ:

arr.push[{ firstName, lastName }];

Copied!
let arr = ['a'];
arr = [...arr, 'b', 'c', 'd'];

console.log[arr]; // 👉️ ['a', 'b', 'c', 'd']

Lưu ý rằng chúng tôi đã sử dụng từ khóa

arr.push[{ firstName, lastName }];

arr.push[{ firstName, lastName }];

arr.push[{ firstName, lastName }];

Một cách dễ dàng để suy nghĩ về toán tử lây lan là chúng tôi giải nén các giá trị của một mảng sang một mảng khác.

Trong kịch bản cụ thể này, chúng tôi giải nén nội dung của mảng

arr.push[{ firstName, lastName }];

Ngoài ra, bạn có thể sử dụng phương pháp

arr.unshift[{ firstName, lastName }];

Đẩy nhiều giá trị vào một mảng bằng splice [] #

Sử dụng phương thức

arr.unshift[{ firstName, lastName }];

arr.unshift[{ firstName, lastName }];

arr.unshift[{ firstName, lastName }];

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Chúng tôi đã chuyển các đối số sau cho phương thức mảng.Splice:

1. Bắt đầu chỉ mục - Chỉ mục để bắt đầu thay đổi mảng - the index at which to start changing the array
2. Xóa Đếm - Có bao nhiêu yếu tố chúng ta muốn xóa khỏi mảng, từ chỉ mục bắt đầu trở đi - how many elements we want to delete from the array, from the start index onwards
3. một hoặc nhiều giá trị để thêm vào mảng, từ chỉ mục bắt đầu trở đistart index onwards

Chúng tôi muốn chèn các phần tử ở cuối mảng, vì vậy chúng tôi đã chuyển độ dài của mảng làm chỉ số bắt đầu.

Chúng tôi không muốn xóa bất kỳ yếu tố nào, vì vậy chúng tôi đã cung cấp

arr.unshift[{ firstName, lastName }];

Cách tiếp cận này đạt được kết quả tương tự như phương pháp

var firstname = "John";
var lastname = "Doe";

arr.push[{
  firsName: firstName,
  lastName: lastName
}];

Đọc thêm #

• Phần tử mảng.push [] nếu không tồn tại bằng cách sử dụng javascript
• Đếm các yếu tố duy nhất trong một mảng trong JavaScript
• Đếm các phần tử trong mảng phù hợp với điều kiện bằng cách sử dụng JS
• Xóa các bản sao khỏi một mảng trong JavaScript
• Lọc một mảng có nhiều điều kiện trong JavaScript
• Lọc một mảng các đối tượng dựa trên thuộc tính - JavaScript

Làm thế nào để bạn đẩy nhiều đối tượng JSON vào một mảng?

Làm thế nào để bạn tạo nhiều đối tượng trong JavaScript?

Mảng có thể lưu trữ nhiều giá trị trong JavaScript không?

Làm cách nào để kết hợp hai mảng các đối tượng?