Trong bài viết này, chúng ta sẽ cố gắng hiểu cách chúng ta có thể tạo một mảng các đối tượng từ nhiều mảng trong JavaScript. Trước tiên chúng ta hãy thử phân tích cách chúng ta có thể tạo một mảng các đối tượng bằng cách sử dụng cú pháp được làm sáng tỏ dưới đây Show cú pháp. Chúng ta sử dụng cú pháp sau để tạo cũng như phân tích một mảng gồm nhiều đối tượng let array_of_objects = [
{
property_name : property_value,
...
},
{
property_name : property_value,
...
},
...
]Chúng ta hãy xem nhanh ví dụ dưới đây sẽ giúp chúng ta làm rõ cú pháp trên ví dụ 1. Trong ví dụ này, chúng ta sẽ chỉ tạo một mảng các đối tượng, sau đó chúng ta sẽ xuất nó bằng bàn điều khiển. phương thức log() Javascript
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]1_______1_______2[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]3
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]5_______1_______6[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]3
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]9
[
{
id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]1
[
{
id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]5
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]1[
{
id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]8[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]3
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]5_______22_______2[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]3
[
{
id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]1
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]1_______23_______4[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]3
[
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]3
[
{
id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]1
đầu ra [
{
book_id: 1,
book_name: 'Live Life Happily..!!',
book_author: 'Aman',
book_copies: 10
},
{
book_id: 2,
book_name: 'Be Energetic Always..!!',
book_author: 'Ram',
book_copies: 20
},
{
book_id: 3,
book_name: 'Earn Respect..!!',
book_author: 'Shyam',
book_copies: 30
}
]Chúng ta hãy xem cách tiếp cận duy nhất mà chúng ta có thể dễ dàng giải quyết vấn đề của mình, đó là cách tạo một mảng các đối tượng từ nhiều mảng, sử dụng ví dụ được hiển thị ở trên ví dụ 2. Trong ví dụ này, chúng ta sẽ tạo nhiều mảng (lần lượt từng mảng) và ngay sau đó, chúng ta sẽ sử dụng Array. map() để duyệt qua mảng của chúng ta và sau đó trong khi trả về một đối tượng, chúng ta sẽ nhúng tất cả các thuộc tính và giá trị tương ứng của chúng vào bên trong nó, sẵn có trong phần còn lại của chính các mảng đó Bạn có thể đẩy nhiều mục vào một mảng không?push() lệnh sau đó trả về mảng bằng độ dài mới. Nó thay đổi kích thước của mảng ban đầu và trả về một mảng mới (có thêm phần tử mới) làm đầu ra. Bạn có thể sử dụng thao tác đẩy mảng để thêm một hoặc nhiều phần tử vào một mảng .
Làm cách nào để đẩy tất cả các phần tử trong mảng trong JavaScript?đẩy. apply(newArray, dataArray2); Vì "push" nhận một số đối số khác nhau nên bạn có thể sử dụng phương thức apply của hàm push để đẩy tất cả . Nó xây dựng một lời gọi để đẩy sử dụng đối số đầu tiên của nó ("newArray" ở đây) là "this" và các phần tử của mảng là các đối số còn lại.
Làm cách nào để đẩy các giá trị đối tượng vào mảng trong JavaScript?Phương pháp 1. Sử dụng hàm push()
. Nó thêm các mục hoặc đối tượng vào cuối mảng. Tại đây, đối tượng ob được đẩy sang mảng A (đến cuối mảng). Phương thức push() hỗ trợ chèn nhiều giá trị làm đối số. |
