Hướng dẫn nested array of objects javascript example - ví dụ về mảng đối tượng lồng nhau javascript

Bạn có thể truy cập một mảng các đối tượng lồng nhau bằng cách sử dụng ký hiệu dấu chấm hoặc ký hiệu khung. JavaScript chỉ có một loại dữ liệu có thể chứa nhiều giá trị: đối tượng. Một mảng là một dạng đặc biệt của một đối tượng.Object. An Array is a special form of an object.

(Trơn) Hình thức đối tượng

{key: value, key: value, ...}

Mảng mẫu

[value, value, ...]

Cả mảng và đối tượng hiển thị cấu trúc

[value, value, ...]

Thuộc tính truy cập bằng cách sử dụng ký hiệu dấu chấmdot notation

const value = obj.someProperty;

Mảng truy cập bằng ký hiệu khung, nếu tên thuộc tính không phải là tên nhận dạng JavaScript hợp lệ [spec] hoặc tên là giá trị của một biến:bracket notation, if the property name would not be a valid JavaScript identifier name [spec], or the name is the value of a variable:

// the space is not a valid character in identifier names
const value = obj["some Property"];

// property name as variable
const name = "some Property";
const value = obj[name];

Vì lý do đó, các phần tử mảng chỉ có thể được truy cập bằng ký hiệu khung:

const value = arr[5]; // arr.5 would be a syntax error

// property name / index as variable
const x = 5;
const value = arr[x];

Những gì về JSON?

JSON là một đại diện văn bản của dữ liệu, giống như XML, YAML, CSV và các loại khác. Để làm việc với dữ liệu đó, trước tiên nó phải được chuyển đổi thành các loại dữ liệu JavaScript, tức là các mảng và đối tượng.

Nguồn: stackoverflow.com/: stackoverflow.com/

Mã ví dụ đơn giản truy cập các đối tượng lồng nhau JavaScript. Giá trị là một mảng, để truy cập phần tử thứ hai của nó, sử dụng ký hiệu khung và chúng tôi sử dụng ký hiệu DOT một lần nữa để truy cập thuộc tính

[value, value, ...]

Output::

Giải thích đơn giản:

var data = {
    code: 42,
    items: [{
        id: 1,
        name: 'foo'
    }, {
        id: 2,
        name: 'bar'
    }]
};

/*
 1. `data` is object contain `items` object*/
console.log(data);

/*
 2. `items` object contain array of two objects as elements*/
console.log(data.items);

/*
 3. you need 2nd element of array - the `1` from `[0, 1]`*/
console.log(data.items[1]);

/*
 4. and you need value of `name` property of 2nd object-element of array)*/
console.log(data.items[1].name);

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề mảng lồng nhau này.

Lưu ý: & nbsp; The & nbsp; tất cả các ví dụ JS & nbsp; is & nbsp; được kiểm tra trên trình duyệt firefox và trình duyệt Chrome. The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

Hệ điều hành: & nbsp; windows 10Windows 10

Mã: Phiên bản HTML 5

Bằng cấp về Khoa học máy tính và Kỹ sư: Nhà phát triển ứng dụng và có nhiều ngôn ngữ lập trình kinh nghiệm. Sự nhiệt tình cho công nghệ và thích học kỹ thuật.

Hãy nói rằng E có một ParentArray chứa nhiều mảng phụ mỗi cùng kích thước, mỗi mảng phụ là một mảng các đối tượng chứa hai thuộc tính: khóa và giá trị. Trong một SubArray, người ta đã xác nhận rằng hai đối tượng không thể có cùng một khóa nhưng tất cả các subarrays có cùng một cặp n phím trong đó n là kích thước của mảng phụ.

Công việc của chúng tôi là chuẩn bị một đối tượng có khóa làm khóa của các đối tượng và giá trị là một mảng chứa tất cả các giá trị cho khóa cụ thể đó.

Đây là mảng cha mẹ mẫu của chúng tôi -

const parentArray = [[
   {
      key: 123,
      value: 'India'
   }, {
      key: 124,
      value: 'USA'
   }, {
      key: 125,
      value: 'Japan'
   }, {
      key: 126,
      value: 'Denmark'
   }, {
         key: 127,
      value: 'Austria'
   },
], [
   {
      key: 124,
      value: 'Kenya'
   }, {
      key: 126,
      value: 'UK'
   }, {
      key: 123,
      value: 'Germany'
   }, {
      key: 127,
      value: 'Spain'
   }, {
      key: 125,
      value: 'Portugal'
   },
]];

Chúng tôi sẽ lặp lại trên mảng cha mẹ và sau đó tất cả các mảng phụ từng cái một và nếu chúng tôi tìm thấy một phím phù hợp, chúng tôi sẽ đẩy nó vào mảng giá trị nếu không chúng tôi tạo một mảng giá trị mới.

Mã đầy đủ cho điều này sẽ là -

Thí dụ

const parentArray = [[
   {
      key: 123,
      value: 'India'
   }, {
      key: 124,
      value: 'USA'
   }, {
      key: 125,
      value: 'Japan'
   }, {
      key: 126,
      value: 'Denmark'
   }, {
      key: 127,
      value: 'Austria'
   },
], [
   {
      key: 124,
      value: 'Kenya'
   }, {
      key: 126,
      value: 'UK'
   }, {
      key: 123,
      value: 'Germany'
   }, {
      key: 127,
      value: 'Spain'
   }, {
      key: 125,
      value: 'Portugal'
   },
]];
const map = {};
parentArray.forEach(arr => {
   arr.forEach(obj => {
      const { key, value } = obj;
      if(map[key]){
         map[key].push(value);
      }else{
         map[key] = [value]
      }
   })
});
console.log(map);

Đầu ra

Đầu ra trong bảng điều khiển sẽ là -

{
   '123': [ 'India', 'Germany' ],
   '124': [ 'USA', 'Kenya' ],
   '125': [ 'Japan', 'Portugal' ],
   '126': [ 'Denmark', 'UK' ],
   '127': [ 'Austria', 'Spain' ]
}

Cập nhật vào ngày 19 tháng 8 năm 2020 07:00:09

• Câu hỏi và câu trả lời liên quan
• Giá trị gia tăng MongoDB bên trong mảng lồng nhau?
• Nhóm mảng giá trị lồng nhau trong khi so sánh 2 đối tượng - JavaScript
• Giá trị mongDB tăng lên bên trong một mảng lồng nhau
• Làm thế nào để nhóm mảng các đối tượng bằng ID trong JavaScript?
• Đối tượng nhóm theo tài sản trong JavaScript
• Làm thế nào để chuyển đổi các cặp mảng lồng nhau thành các đối tượng trong một mảng trong JavaScript?
• JavaScript mảng. Bao gồm bên trong mảng lồng nhau trả về false
• Truy cập các đối tượng JavaScript lồng nhau với phím Chuỗi
• Cách nhóm một mảng các đối tượng theo khóa trong JavaScript
• Đơn giản hóa mảng lồng nhau JavaScript
• Truy cập các đối tượng từ cấu trúc đối tượng lồng nhau trong MongoDB
• Cách sắp xếp một mảng các đối tượng dựa trên độ dài của một mảng lồng nhau trong JavaScript
• Làm thế nào để truy cập các đối tượng JSON lồng nhau trong JavaScript?
• Các tham số mặc định của ES6 trong các đối tượng lồng nhau - JavaScript
• Sắp xếp mảng lồng nhau chứa các đối tượng tăng dần và giảm dần theo ngày trong JavaScript

Bạn có thể có các mảng lồng trong JavaScript không?

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

Làm thế nào tôi có thể truy cập và xử lý các mảng đối tượng lồng nhau?

Bạn có thể làm tổ đối tượng trong JavaScript?