Hướng dẫn what is nested object in javascript? - đối tượng lồng nhau trong javascript là gì?

Truy cập JSON & NBSP; Các đối tượng giống như truy cập các mảng lồng nhau. Các đối tượng lồng nhau là các đối tượng bên trong một đối tượng khác.json objects is just like accessing nested arrays. Nested objects are the objects that are inside an another object.

Trong ví dụ sau, 'phương tiện' là một đối tượng bên trong một đối tượng chính gọi là 'người'. Sử dụng ký hiệu DOT, thuộc tính của các đối tượng lồng nhau (CAR) được truy cập.dot notation the nested objects' property(car) is accessed.

Example-1

Bản thử trực tiếp

Đầu ra

Mr Ram has a car called limousine

Example-2

Trong ví dụ sau, một đối tượng được gọi là "đường không khí" được lồng đôi (lồng nhau bên trong một đối tượng lồng nhau). Thuộc tính của đối tượng lồng nhau gấp đôi (Lufthansa) được truy cập thông qua ký hiệu chấm như hình dưới đây.doubly nested (nested inside a nested object). The property of that doubly nested object(lufthansa) is accessed through dot notation as shown below.

Bản thử trực tiếp

Đầu ra

Mr Ram travels by plane called Air123

Mr Ram has a car called limousine

• Trong ví dụ sau, một đối tượng được gọi là "đường không khí" được lồng đôi (lồng nhau bên trong một đối tượng lồng nhau). Thuộc tính của đối tượng lồng nhau gấp đôi (Lufthansa) được truy cập thông qua ký hiệu chấm như hình dưới đây.
• Cập nhật vào ngày 29 tháng 6 năm 2020 11:42:50
• Câu hỏi và câu trả lời liên quan
• Làm thế nào để sử dụng phương thức JavaScript map () để truy cập các đối tượng lồng nhau?
• Làm thế nào để truy cập các trường JSON, mảng và các đối tượng lồng nhau của jsonNode trong java?
• Truy cập các đối tượng từ cấu trúc đối tượng lồng nhau trong MongoDB
• Làm thế nào để truy cập thuộc tính JSON lồng nhau dựa trên giá trị của một thuộc tính khác trong JavaScript?
• In JSON Kested Object trong JavaScript?
• Xây dựng một đối tượng JSON lồng nhau trong JavaScript
• Làm thế nào để truy cập các đối tượng Python trong các đối tượng trong Python?
• Làm thế nào để đếm mức độ sâu của các đối tượng JavaScript lồng nhau?
• Truy cập các đối tượng JavaScript lồng nhau với phím Chuỗi
• Các đối tượng nhóm bên trong mảng lồng nhau javascript
• Làm thế nào để truy cập các thuộc tính của một mảng các đối tượng trong JavaScript?
• Làm thế nào để truy cập các phương thức của một mảng các đối tượng trong JavaScript?
• Các tham số mặc định của ES6 trong các đối tượng lồng nhau - JavaScript

Các đối tượng lồng nhau của JavaScript là các đối tượng bên trong một đối tượng khác. Đối phó với các đối tượng lồng nhau thường thì chúng tôi sẽ cần phải truy cập các giá trị lồng nhau trong cùng một cách an toàn.Nested objects are the objects that are inside another object. Dealing with nested objects often we’ll be needing to access the innermost nested values safely.

Đối tượng lồng nhau

const user = {
    id: 101,
    email: '[email protected]',
    personalInfo: {
        name: 'John',
        address: {
            line1: '101',
            line2: 'Stree Line',
            city: 'NY',
            state: 'WX'
        }
    }
}

Truy cập tên của người dùng

const name = user.personalInfo.name;

Mã ví dụ đơn giản truy cập JSON & NBSP; đối tượng giống như truy cập các mảng lồng nhau

Output::

Mảng trong các đối tượng

Bây giờ, hãy để Lôi nhìn vào một ví dụ về một đối tượng với một mảng là giá trị:

let instructorData = {
    name: "Tim",
    favoriteHobbies: ["Sailing", "Hiking", "Coding"]
};

Tạo các đối tượng lồng nhau trong JavaScript một cách linh hoạt

Trong ES6, các đối tượng có thể được tạo với các thuộc tính được tính toán. Để sử dụng phím Dynamic Dynamic, bạn phải sử dụng ký hiệu khung:

Lặp lại thông qua các yếu tố của

Mr Ram has a car called limousine

Mr Ram has a car called limousine

const basis = { a: '1', b: '2', c: '3', d: '4' };
const nested = { a: 'e', b: 'f', c: 'g', d: 'h', e: 'i', f: 'j', g: 'k' };

const result = Object.entries(basis).reduce((obj, [key, value]) => {
  obj[key] = [{
    [nested[key]]: value,
    date: Date.now()
  }];
  return obj;
}, {});

console.log(result);

Output::

{
  "a": [
    {
      "e": "1",
      "date": 1651208135047
    }
  ],
  "b": [
    {
      "f": "2",
      "date": 1651208135047
    }
  ],
  "c": [
    {
      "g": "3",
      "date": 1651208135047
    }
  ],
  "d": [
    {
      "h": "4",
      "date": 1651208135047
    }
  ]
}

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề đối tượng JS 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.

Làm thế nào để bạn tạo một đối tượng lồng nhau trong JavaScript?

Những thuộc tính lồng nhau nào?

JSON lồng nhau là gì?

Làm thế nào bạn có thể biết nếu một đối tượng có một đối tượng lồng nhau?