JavaScript đẩy đối tượng vào mảng

Mảng đối tượng trong JavaScript là một tính năng mạnh mẽ vì bạn có thể lưu trữ bao nhiêu thông tin trong một biến

Trong bài đăng này, chúng ta sẽ tìm hiểu cách bạn có thể đẩy một đối tượng vào một mảng trong JavaScript

Khi bạn có một mảng đối tượng và muốn đẩy một đối tượng khác về cuối mảng, bạn có thể sử dụng phương thức

	const object = {
    name: 'Bob',
    age: 25
};

2

Phương thức này lấy đối tượng làm tham số và thêm nó vào cuối mảng

Đầu tiên, hãy xác định mảng của chúng tôi

	let array = [
    {
        name: 'John',
        age: 30
    },
    {
        name: 'Jane',
        age: 28
    }
];

Bây giờ đối tượng chúng ta muốn đẩy

	const object = {
    name: 'Bob',
    age: 25
};

Bây giờ chúng ta có thể đẩy nó và in nó

	array.push[object];

console.log[array];

Đây là ví dụ đầy đủ

	let array = [
    {
        name: 'John',
        age: 30
    },
    {
        name: 'Jane',
        age: 28
    }
];

const object = {
    name: 'Bob',
    age: 25
};

array.push[object];

console.log[array];

đầu ra là

	0: {name: 'John', age: 30}
1: {name: 'Jane', age: 28}
2: {name: 'Bob', age: 25}

Như mong đợi, đối tượng mới của chúng ta được thêm vào cuối mảng, làm cho toàn bộ mảng có độ dài là

	const object = {
    name: 'Bob',
    age: 25
};

3

Trong bài đăng này, chúng tôi đã xem xét cách đẩy một đối tượng vào một mảng trong JavaScript

Bạn chỉ cần gọi phương thức

	const object = {
    name: 'Bob',
    age: 25
};

2 trên mảng và truyền đối tượng bạn muốn đẩy vào cuối

Bạn cũng có thể truyền nhiều đối tượng làm đối số cho phương thức

	const object = {
    name: 'Bob',
    age: 25
};

5 để thêm nhiều đối tượng vào một mảng, như minh họa bên dưới

const users = []

const obj1 = { name: 'John Doe', age: 23 }
const obj2 = { name: 'Jane Doe', age: 31 }
const obj3 = { name: 'Alex Lee', age: 18 }

users.push[obj1, obj2, obj3]

console.log[users]
// [
//   { name: 'John Doe', age: 23 },
//   { name: 'Jane Doe', age: 31 },
//   { name: 'Alex Lee', age: 18 }
// ]

Đọc bài viết này để tìm hiểu thêm về mảng JavaScript và cách lưu trữ nhiều mẩu thông tin vào một biến duy nhất

Để đẩy một đối tượng vào một mảng trong JavaScript, hãy gọi phương thức

	const object = {
    name: 'Bob',
    age: 25
};

2 trên mảng với đối tượng là đối số, i. e. ,

	const object = {
    name: 'Bob',
    age: 25
};

7. Phương thức

	const object = {
    name: 'Bob',
    age: 25
};

2 sẽ thêm phần tử vào cuối mảng

Ví dụ

const arr = [];

const obj = { name: 'Jeff' };

// 👇 Push object to array
arr.push[obj];

// [{ name: 'Jeff' } ]
console.log[arr];

Phương thức

	const object = {
    name: 'Bob',
    age: 25
};

9 lấy một đối tượng và thêm nó vào cuối một mảng

Đăng ký bản tin Coding Beauty

Có được những hiểu biết hữu ích và nâng cao kiến ​​thức phát triển web của bạn với các mẹo và hướng dẫn hàng tuần từ Coding Beauty. Hơn 1.400 nhà phát triển đăng ký

Đẩy đối tượng vào mảng trong khi khởi tạo

Nếu biến được tạo mới ngay trước khi đối tượng được đẩy [như trong ví dụ trước], bạn chỉ cần đặt đối tượng vào giữa dấu ngoặc vuông [

	array.push[object];

console.log[array];

0] để đưa nó vào mảng khi biến được khởi tạo

const obj = { name: 'Jeff' };

// 👇 Push object to array with initialization
const arr = [obj];

console.log[arr];

Đẩy nhiều đối tượng vào mảng

Phương thức

	const object = {
    name: 'Bob',
    age: 25
};

2 thực sự chấp nhận một số lượng đối số khác nhau. Chúng được thêm vào cuối mảng, theo thứ tự mà chúng được chuyển đến

	const object = {
    name: 'Bob',
    age: 25
};

2

Ví dụ

________số 8

Đẩy đối tượng vào mảng mà không có đột biến

Phương thức

	const object = {
    name: 'Bob',
    age: 25
};

2 thêm một đối tượng vào mảng tại chỗ, có nghĩa là nó được sửa đổi. Nếu bạn không muốn điều này, bạn có thể sử dụng cú pháp lây lan [______73] để tạo một bản sao của mảng ban đầu, trước khi gọi

	const object = {
    name: 'Bob',
    age: 25
};

2

	const object = {
    name: 'Bob',
    age: 25
};

0

Tương tự như những gì chúng ta đã làm trước đó, chúng ta có thể bao gồm đối tượng trong dấu ngoặc vuông, sau cú pháp trải rộng, để đẩy đối tượng vào bản sao của mảng khi nó được khởi tạo

	const object = {
    name: 'Bob',
    age: 25
};

1

Mặc dù không phải lúc nào cũng cần thiết, nhưng bằng cách tránh các đột biến, chúng tôi có thể làm cho mã của mình dễ đọc hơn, dễ đoán hơn và theo mô-đun

Mọi điều điên rồ mà JavaScript đều làm

Hướng dẫn hấp dẫn về những cảnh báo tinh tế và những phần ít được biết đến của JavaScript

Đăng ký và nhận ngay một bản sao miễn phí

Ayibatari Ibaba

Ayibatari Ibaba là nhà phát triển phần mềm có nhiều năm kinh nghiệm xây dựng trang web và ứng dụng. Anh ấy đã viết rất nhiều về nhiều chủ đề lập trình và đã tạo ra hàng chục ứng dụng và thư viện mã nguồn mở

Bạn có thể đẩy một đối tượng vào một mảng JavaScript không?

Làm cách nào để đẩy hai đối tượng vào mảng JavaScript?

Bạn có thể đẩy một đối tượng JavaScript không?

Làm cách nào để đẩy mảng đối tượng vào một mảng khác trong JavaScript?