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
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
<script>
let books_details = [
{
book_id: 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_______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
<script>5
[ { 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
{
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
1_______5_______23_______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
let books_details = [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 } ]1
let books_details = [5
let books_details = [7
let books_details = [8
đầ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 đó