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

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 push[]

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à 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 push[] 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 Array.push[] để 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, hãy sử dụng phương thức “push[]”. Nó được sử dụng để thêm các phần tử mới vào cuối/cuối cùng của một mảng

cú pháp

Sử dụng cú pháp sau để đẩy đối tượng vào một mảng

mảng. đẩy[ đối tượng ]

Đối với nhiều đối tượng, hãy sử dụng cú pháp đã cho

mảng. đẩy[ đối tượng1, đối tượng2,. đối tượngN]

ví dụ 1. Đẩy nhiều đối tượng vào một mảng trống

Trong ví dụ đã cho, trước tiên, hãy tạo một mảng trống

const mảng = [];

Bây giờ, tạo ba đối tượng “obj1”, “obj2” và “obj3”

const obj1 = { tên : 'Stephen' , id . 15};

const obj2 . = {name: 'Robert' ,id . 5};

const obj3 . = {name: 'Susan' ,id . 11};

Gọi phương thức push[] và truyền ba đối tượng này làm đối số để đẩy chúng vào một mảng

mảng. đẩy[ obj1, obj2, obj3 ];

Cuối cùng, in mảng trên bàn điều khiển

bảng điều khiển. log[ arr ];

Đầu ra cho thấy các đối tượng được thêm thành công vào một mảng

ví dụ 2. Đẩy một đối tượng vào một mảng

Ở đây, chúng ta sẽ xem cách đẩy một đối tượng vào một mảng. Đầu tiên, chúng ta sẽ tạo một mảng các đối tượng

const mảng = [{name: 'Robert' ,id . 5} , { tên . : 'Susan' ,id . 11}];

Tạo một đối tượng sẽ được thêm vào một mảng

const obj1 = { tên : 'Stephen' , id . 15};

Gọi phương thức push[] và truyền đối tượng để đẩy nó vào một mảng

mảng. đẩy[ obj1 ];

Cuối cùng, in mảng bằng cách sử dụng “bàn điều khiển. phương thức log[]”

bảng điều khiển. log[ arr ];

Có thể quan sát thấy rằng đối tượng được đẩy được thêm vào cuối một mảng

Phương pháp 2. Đẩy một đối tượng vào một mảng bằng cách sử dụng phương thức mối nối []

Sử dụng phương thức “splice[]” để đẩy một đối tượng vào một mảng. Phương thức splice[] trong JavaScript được sử dụng để đồng thời thêm và xóa các phần tử khỏi mảng hoặc thêm một đối tượng tại bất kỳ chỉ mục nào trong mảng

cú pháp

Thực hiện theo cú pháp đã cho để sử dụng phương thức mối nối []

Mảng . mối nối[ index, removeCount, object ]

Đây

• “index” là vị trí mà phần tử hoặc đối tượng sẽ được thêm vào
• “removeCount” là số lượng phần tử sẽ bị loại khỏi một mảng từ chỉ mục bắt đầu
• “đối tượng” là đối tượng sẽ được thêm vào một mảng

Ví dụ

Gọi phương thức “splice[]” và truyền chỉ số “1”, removeCount “0” và “obj1” để nối thêm đối tượng obj1 vào chỉ mục đầu tiên của một mảng bằng cách loại bỏ các phần tử/đối tượng bằng 0

mảng. mối nối[1 , 0, obj1];

Tại đây, bạn có thể thấy rằng obj1 được thêm vào chỉ mục đầu tiên bằng cách xóa bất kỳ đối tượng nào khỏi một mảng

Phương pháp 3. Đẩy một đối tượng vào một mảng bằng phương thức unshift[]

Một phương thức khác để đẩy một đối tượng vào một mảng là phương thức “unshift[]”. Phương thức JavaScript này sẽ nối thêm hoặc đẩy một đối tượng hoặc danh sách các đối tượng vào đầu một mảng

cú pháp

Cú pháp đã cho được sử dụng để thêm một đối tượng vào đầu một mảng

mảng. hủy dịch chuyển[ đối tượng ]

Ví dụ

Gọi phương thức “unshift[]” và truyền đối tượng dưới dạng tham số

mảng. unshift[ obj1 ];

Đầu ra chỉ ra rằng đối tượng được nối thêm được đặt ở đầu mảng

Chúng tôi đã tập hợp tất cả các giải pháp tốt nhất để đẩy một đối tượng lên một mảng trong JavaScript

Phần kết luận

Để đẩy một đối tượng vào một mảng trong JavaScript, hãy sử dụng phương thức “push[]”, phương thức “splice[]” hoặc phương thức “unshift[]”. Phương thức push[] thêm đối tượng vào cuối mảng, unshift[] được sử dụng để thêm đối tượng vào đầu mảng và để thêm đối tượng vào bất kỳ vị trí nào trong mảng, hãy sử dụng phương thức splice[]. Trong bài đăng này, chúng tôi đã trình bày các phương pháp để đẩy/thêm một đối tượng vào một mảng

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

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

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

Làm cách nào để đẩy một phần tử vào một mảng trong JavaScript?