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 += "

" + myObj. ô tô [tôi]. name + "";
  for (hãy đặt j trong myObj. ô tô [tôi]. models) {
    x += myObj. ô tô [tôi]. models[j];
  }
}Tự mình thử »

---

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

Có thể thêm thuộc tính vào Đối tượng này sau lần tạo đầu tiên nếu tên của thuộc tính không được xác định cho đến thời gian chạy không?

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 <= 5; i++) {
  obj['prop' + i] = i;
}
console.log(obj.prop4);

đầu ra

{}
4

Một biểu thức có tên đối tượng, dấu chấm và tên thuộc tính (obj. prop4) sẽ đánh giá giá trị hiện tại của thuộc tính đó. Ví dụ của chúng tôi trước tiên hiển thị giá trị trong nhật ký bảng điều khiển, sau đó gán giá trị cho biến val

Cú pháp dấu ngoặc vuông là bắt buộc nếu tên thuộc tính chứa dấu cách hoặc các ký tự đặc biệt khác hoặc bao gồm từ khóa dành riêng trong JavaScript. Nếu không, lỗi JavaScript sẽ là kết quả của bạn

Sửa đổi Thuộc tính của Đối tượng Javascript

Để sửa đổi thuộc tính JavaScript, chúng tôi sẽ gán giá trị mới cho thuộc tính hiện có, phản ánh giá trị đó trong Đối tượng chính

// app.js

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

console.log(obj)

obj['age'] = 26;
obj['name'] = 'Ankit';
console.log('After modifying a property using square bracket');
console.log(obj);

đầu ra

________số 8

Để thay đổi giá trị thuộc tính hiện có của đối tượng, hãy chỉ định tên đối tượng theo sau dấu ngoặc vuông, tên thuộc tính bạn muốn thay đổi, dấu bằng và giá trị mới bạn muốn gán. Bạn cũng có thể sử dụng cú pháp dấu chấm để đính kèm các giá trị mới vào thuộc tính hiện có hoặc thay đổi giá trị của thuộc tính hiện có

Sự kết luận

Bạn có thể thêm bao nhiêu thuộc tính tùy thích trong Javascript bằng cách chỉ sử dụng cú pháp ký hiệu dấu chấm hoặc dấu ngoặc vuông

Facebook

Twitter

Pinterest

WhatsApp

Bài viết trước Máy khách Axios HTTP. Cách gửi Axios POST, NHẬN yêu cầu

Bài viết tiếp theo Phương thức mảng Pop Push Shift và Unshift trong JavaScript

kranal

https. //appdividend. com/

Krunal Lathiya là một kỹ sư công nghệ thông tin. Theo chuyên môn, anh ấy là một nhà phát triển web có kiến ​​thức về nhiều nền tảng back-end (e. g. , PHP, Nút. js, Python) và các khung JavaScript giao diện người dùng (e. g. , Góc, Phản ứng và Vue)