Thêm đối tượng vào đối tượng hiện có javascript

Toán tử delete được thiết kế để sử dụng trên các thuộc tính đối tượng. Nó không ảnh hưởng đến các biến hoặc chức năng

Không nên sử dụng toán tử delete trên các thuộc tính đối tượng JavaScript được xác định trước. Nó có thể làm hỏng ứng dụng của bạn

Đối tượng lồng nhau

Các giá trị trong một đối tượng có thể là một đối tượng khác

Thí dụ

myObj = {
  tên. "John",
  tuổi. 30,
  ô tô. {
    xe1. "Ford",
    xe2. "BMW",
    xe3. "Fiat"
  }
}

Bạn có thể truy cập các đối tượng lồng nhau bằng ký hiệu dấu chấm hoặc ký hiệu dấu ngoặc

hoặc

hoặc

hoặc

Mảng và đối tượng lồng nhau

Giá trị trong đối tượng có thể là mảng và giá trị trong mảng có thể là đối tượng

Thí dụ

const myObj = {
  tên. "John",
  tuổi. 30,
  ô tô. [
    {name. "Ford", người mẫu. ["Fiesta", "Focus", "Mustang"]},
    {name. "BMW", người mẫu. ["320", "X3", "X5"]},
    {name. "Fiat", người mẫu. ["500", "Panda"]}
  ]
}

Để truy cập các mảng bên trong mảng, hãy sử dụng vòng lặp for-in cho mỗi mảng

Thí dụ

for [hãy để tôi trong myObj. ô tô] {
  x += "

Thuộc tính tài sản

Tất cả tài sản đều có tên. Ngoài ra chúng còn có giá trị

Giá trị là một trong những thuộc tính của thuộc tính

các thuộc tính khác là. có thể đếm được, có thể định cấu hình và có thể ghi

Các thuộc tính này xác định cách truy cập thuộc tính [có thể đọc được không?, có thể ghi không?]

Trong JavaScript, tất cả các thuộc tính có thể được đọc, nhưng chỉ có thể thay đổi thuộc tính giá trị [và chỉ khi thuộc tính có thể ghi được]

[ECMAScript 5 có các phương thức để nhận và đặt tất cả các thuộc tính thuộc tính]

Thuộc tính nguyên mẫu

Các đối tượng JavaScript kế thừa các thuộc tính của nguyên mẫu của chúng

Từ khóa delete không xóa thuộc tính kế thừa, nhưng nếu bạn xóa thuộc tính nguyên mẫu, nó sẽ ảnh hưởng đến tất cả các đối tượng được kế thừa từ nguyên mẫu

Javascript thêm thuộc tính vào đối tượng

Để thêm thuộc tính mới vào đối tượng Javascript, hãy xác định tên đối tượng theo sau là dấu chấm, tên của thuộc tính mới, dấu bằng và giá trị cho thuộc tính mới. Không thành vấn đề nếu bạn phải thêm thuộc tính, thay đổi giá trị của thuộc tính hoặc đọc giá trị của thuộc tính; .

1. cú pháp dấu chấm
2. Ký hiệu dấu ngoặc vuông. [Cú pháp dấu chấm đơn giản hơn và nói chung là đủ]

Cú pháp dấu chấm

Để thêm một thuộc tính mới trong Đối tượng Javascript, hãy sử dụng cú pháp dấu chấm. Nó sẽ thêm một thuộc tính vào Đối tượng hiện có

Xem xét ví dụ sau đối tượng JavaScript theo nghĩa đen

// app.js

let obj = {
  name: 'Krunal',
  age: 27,
  education: 'Engineer'
};

console.log[obj]

obj.college = 'VVP';
console.log['After adding a property using dot syntax'];
console.log[obj];

đầu ra

{ name: 'Krunal', age: 27, education: 'Engineer' }
After adding a property using dot syntax
{ name: 'Krunal', age: 27, education: 'Engineer', college: 'VVP' }

Bạn có thể thấy điều đó bằng cách sử dụng cú pháp dấu chấm và chúng tôi đã thêm một thuộc tính mới có tên là trường đại học và ghi lại Đối tượng

Ký hiệu dấu ngoặc vuông để thêm một thuộc tính trong Đối tượng JavaScript

Để thêm thuộc tính, hãy sử dụng ký hiệu dấu ngoặc vuông. Sau đây minh họa cú pháp dấu ngoặc vuông

obj['college'] = 'VVP';

Xem đoạn mã sau

// app.js

let obj = {
  name: 'Krunal',
  age: 27,
  education: 'Engineer'
};

console.log[obj]

obj['college'] = 'VVP';
console.log['After adding a property using square bracket syntax'];
console.log[obj];

đầu ra

{ name: 'Krunal', age: 27, education: 'Engineer' }
After adding a property using square bracket syntax
{ name: 'Krunal', age: 27, education: 'Engineer', college: 'VVP' }

Cú pháp dấu ngoặc vuông cũng được yêu cầu khi tên thuộc tính là biến;

// app.js

let obj = {};

console.log[obj];

for [var i = 0; i