Đối tượng đẩy mảng 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

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

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

array.push[object];

console.log[array];

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à

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

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

array.push[object];

console.log[array];

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

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

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

array.push[object];

console.log[array];

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

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

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

array.push[object];

console.log[array];

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

Mảng được sử dụng để lưu trữ nhiều giá trị trong một biến duy nhất. Cấu trúc dữ liệu mảng có thể chứa nhiều giá trị dưới một tên duy nhất và bạn có thể truy cập các giá trị đó bằng cách tham khảo số chỉ mục

Đẩy mảng JavaScript

Mảng push[] là một hàm JavaScript tích hợp có chức năng thêm phần tử mới vào cuối mảng và trả về độ dài mới. Phương thức mảng push[] chấp nhận một phần tử và nối nó vào mảng

Phương thức push[] sửa đổi độ dài của Mảng hoặc tập hợp và có thể nối thêm một số, chuỗi, đối tượng, mảng hoặc bất kỳ giá trị nào vào mảng.

cú pháp

array.push[element]

Bạn có thể sử dụng phương thức push[] để thêm nhiều giá trị vào một mảng trong một lần gọi

array.push[item1, item2, item3,...,itemN]

Thông số

Phương thức đẩy [] của JavaScript lấy [các] mục để thêm vào Mảng

Giá trị trả về

Nó trả về số biểu thị độ dài mới của Mảng

Phương thức push[] có thể được sử dụng với lệnh gọi[] hoặc áp dụng[] trên các đối tượng giống như mảng. mảng. push[]  phương thức dựa vào thuộc tính độ dài để xác định vị trí chèn các phần tử đã cho.

Nếu không thể chuyển đổi độ dài thành số, thì chỉ số được sử dụng là 0

Nó bao gồm khả năng độ dài không tồn tại, trong trường hợp đó độ dài cũng sẽ được tạo

Thí dụ

đầu ra

The modified array is:  [ 'Python', 'Javascript', 'PHP', 'Golang' ]
The length of modified array is:  4

Đầu tiên, chúng tôi đã xác định một mảng, thêm một mục mới gọi là Golang và lưu trữ độ dài Mảng mới. Sau đó in Mảng bị đột biến và độ dài của nó

Javascript thêm vào một mảng

Thêm các phần tử trong mảng JavaScript có nghĩa là thêm càng nhiều phần tử càng tốt như số nguyên, chuỗi, mảng, đối tượng, một mảng chuỗi, một mảng số nguyên và một mảng các mảng

Thí dụ

Hãy để chúng tôi lấy ví dụ về Node. js để hiểu cách thêm một mục vào một mảng trong javascript

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

Xem đầu ra

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

Trong ví dụ này, chúng tôi đã thêm phần tử thứ ba, “Stanger ở Moscow“. Sau đó, sau khi thêm một mục vào Mảng, chúng tôi đã in Mảng bị đột biến và độ dài của nó

Thêm nhiều phần tử vào Mảng

Để thêm nhiều phần tử vào mảng JavaScript, hãy sử dụng mảng. chức năng đẩy []. Chúng ta có thể thêm nhiều phần tử làm đối số cùng một lúc

Thí dụ

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

đầu ra

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

Chúng tôi đã thêm ba phần tử trong một lần và tất cả các phần tử được thêm vào Mảng. Hàm push[] có thể được gọi với nhiều đối số, các đối số này sẽ được thêm vào mảng theo thứ tự

Hợp nhất các mảng trong Javascript bằng cách sử dụng mảng push[]

Để hợp nhất các mảng trong JavaScript, hãy sử dụng mảng. chức năng đẩy []. Bạn có thể sử dụng mảng. phương thức push[] để hợp nhất các mảng. Hãy để chúng tôi lấy một ví dụ về cách chúng tôi có thể hợp nhất hai mảng

Thí dụ

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

Xem đầu ra

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

Không sử dụng phương thức apply[] nếu Mảng thứ hai [ví dụ newArtists]. Số lượng đối số tối đa mà một hàm có thể xử lý bị hạn chế trong thực tế

Vì vậy, apply[] sẽ thêm Mảng thứ hai vào Mảng đầu tiên và chúng ta có thể thấy Mảng kết hợp bằng cách trả về Mảng ban đầu và trong trường hợp của chúng ta, đó là các nghệ sĩ

Để nối các phần tử của Mảng này với Mảng khác, bạn có thể sử dụng hàm concat[] của Mảng. Chúng ta cũng có thể sử dụng phương thức mảng concat[] của JavaScript để hợp nhất các mảng.

Xem đoạn mã sau

array.push[item1, item2, item3,...,itemN]

Ở đây, chúng tôi đã thêm hai nghệ sĩ nữa. Bây giờ, hãy xem đoạn mã sau

array.push[item1, item2, item3,...,itemN]

Xem đầu ra

array.push[item1, item2, item3,...,itemN]

Ở đây, phần tử thứ ba là một mảng. Vì vậy, nó đã thêm mục thứ ba dưới dạng toàn bộ mảng. Vì vậy, chúng tôi không thể kết hợp nó như chúng tôi đã thực hiện với apply[]

Chúng ta có thể xóa phần tử khỏi một mảng bằng cách sử dụng phương thức Javascript array pop[]

Thêm đối tượng vào mảng sử dụng mảng push[]

Để thêm một đối tượng vào một mảng trong JavaScript, hãy sử dụng mảng. đẩy[] phương pháp. Phương thức push[] thêm một hoặc nhiều phần tử vào cuối mảng. mảng. hàm push[] trả về độ dài mới của Mảng được tạo

Có thể chèn một đối tượng, bỏ qua đối tượng dưới dạng tham số cho phương thức push[]. Do đó, đối tượng được thêm vào cuối Mảng

Thí dụ

Tại đây, Xem đoạn mã sau

array.push[item1, item2, item3,...,itemN]

Xem đầu ra sau

array.push[item1, item2, item3,...,itemN]

Để thêm một đối tượng vào mảng, bạn phải truyền một đối tượng làm đối số và đảm bảo rằng các khóa giống nhau. Vì vậy, đây là Cách đẩy các khóa và giá trị vào một Mảng trong Javascript.

Thêm Mảng vào Mảng bằng cách sử dụng push[]

Để thêm một mảng vào một mảng trong JavaScript, hãy sử dụng mảng. đẩy[] phương pháp. Hàm push[] cho phép chúng ta đẩy một mảng vào một mảng. Chúng ta có thể thêm một mảng vào một mảng, giống như việc thêm một phần tử vào Mảng

Thí dụ

array.push[item1, item2, item3,...,itemN]

Xem đầu ra

Nếu bạn chỉ nối thêm một biến, thì một mảng. phương thức push[] hoạt động như một nét duyên dáng. Nếu bạn phải nối thêm một mảng khác, hãy sử dụng phương thức concat[]

Cách tiếp cận này có lợi khi bạn không phải sửa đổi mảng ban đầu, đó là lý do tại sao đây là thông lệ tiêu chuẩn và được điều chỉnh bởi cộng đồng Javascript

array.push[item1, item2, item3,...,itemN]

đầu ra

array.push[item1, item2, item3,...,itemN]

Mảng Javascript concat[] là một hàm thuần túy và không làm thay đổi mảng ban đầu của nó. Thay vào đó, nó trả về một Mảng mới. Vì vậy, hãy đảm bảo rằng hàm concat[] tạo một mảng mới

Thay vào đó, nó không thêm hoặc nối thêm vào một bản sao hiện có, Nó chỉ đơn giản tạo một bản sao, thực hiện thao tác trong bản sao đó và trả về mảng đó

mảng Javascript. đẩy. hàm apply[] cũng hữu ích để thêm một mảng vào mảng

array.push[item1, item2, item3,...,itemN]

đầu ra

array.push[item1, item2, item3,...,itemN]

Bạn có thể sử dụng các hàm push[] và apply[] để nối hai mảng

Bây giờ, từ bản cập nhật 2016. với spread, bạn không cần phương thức apply[] đó nữa

data = ['Python', 'Javascript', 'PHP']
len = data.push['Golang']
console.log['The modified array is: ', data]
console.log['The length of modified array is: ', len]

đầu ra

array.push[item1, item2, item3,...,itemN]

Bạn có thể thấy rằng đầu ra sẽ giống nhau, nhưng cách này ngắn gọn và hấp dẫn hơn đối với các lập trình viên khác

Nối thêm mảng nhiều chiều trong JavaScript

Để nối một phần tử vào một mảng nhiều chiều, hãy sử dụng mảng. đẩy[] phương pháp

Thí dụ

Xem ví dụ lập trình sau

data = ['Python', 'Javascript', 'PHP']
len = data.push['Golang']
console.log['The modified array is: ', data]
console.log['The length of modified array is: ', len]

Xem đầu ra

data = ['Python', 'Javascript', 'PHP']
len = data.push['Golang']
console.log['The modified array is: ', data]
console.log['The length of modified array is: ', len]

Có một số phương thức để nối thêm các phần tử mới vào mảng JavaScript. Thay vào đó, nếu bạn muốn xóa các phần tử khỏi một mảng trong JavaScript, thì chúng tôi cũng có một bài viết về điều đó

Xem các phương pháp sau

Thêm một phần tử vào một vị trí cụ thể trong Mảng

Để thêm một phần tử vào một vị trí cụ thể, bạn cần tham khảo vị trí chỉ mục của nó trong mảng. Ở đây chúng tôi thêm hai phần tử mới tại các vị trí đã chỉ định.

Thí dụ

data = ['Python', 'Javascript', 'PHP']
len = data.push['Golang']
console.log['The modified array is: ', data]
console.log['The length of modified array is: ', len]

Xem đầu ra sau

Thêm phần tử tại đầu Mảng

Sử dụng phương thức unshift[]. Nó giống như đẩy, ngoại trừ nó chèn các phần tử vào đầu Mảng thay vì cuối

1. bỏ dịch chuyển/đẩy. thêm phần tử vào đầu/cuối mảng
2. thay đổi / bật. xóa và trả về phần tử đầu tiên/cuối cùng của một mảng

Một sơ đồ đơn giản như sau,

data = ['Python', 'Javascript', 'PHP']
len = data.push['Golang']
console.log['The modified array is: ', data]
console.log['The length of modified array is: ', len]

và biểu đồ như sau

data = ['Python', 'Javascript', 'PHP']
len = data.push['Golang']
console.log['The modified array is: ', data]
console.log['The length of modified array is: ', len]

Sự kết luận

Đẩy mảng JavaScript[] là một hàm được sử dụng để kết hợp các phần tử HTML mới vào một mảng. Theo mặc định, phương thức push[] sẽ thêm các mục mới vào cuối mảng. Sau khi hàm JavaScript push[] được áp dụng cho một mảng, hàm này sẽ cung cấp một giá trị trả về cụ thể.

Một ví dụ đơn giản, giả sử bạn có một mảng các con của House Stark từ Game of Thrones. Tuy nhiên, một trong những thành viên, Bran, đã mất tích, điều này thật buồn cười vì anh ta là Vua của sáu vương quốc. Vì vậy, bằng cách sử dụng phương thức push[], bạn có thể thêm anh ta bằng cách gán 'Bran' cho mảng ở chỉ mục sau chỉ mục cuối cùng

Đó là nó cho hướng dẫn này

Facebook

Twitter

Pinterest

WhatsApp

Bài viết trước Cách tạo thành phần tab Bootstrap trong React

Bài viết tiếp theo Cách cài đặt CMS tháng 10

kranal

https. //appdividend. com/

Krunal Lathiya là một kỹ sư công nghệ thông tin. Theo chuyên môn, anh ấy là một nhà phát triển web có kiến ​​thức về nhiều nền tảng back-end [e. g. , PHP, Nút. js, Python] và các khung JavaScript giao diện người dùng [e. g. , Góc, Phản ứng và Vue]

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

Làm cách nào để đẩy mảng trong JavaScript mảng?

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

Mảng có đẩy bản sao của đối tượng không?