Hướng dẫn add new property to object javascript - thêm thuộc tính mới vào đối tượng javascript

Thuộc tính là phần quan trọng nhất của bất kỳ đối tượng JavaScript nào.

Thuộc tính JavaScript

Thuộc tính là các giá trị được liên kết với một đối tượng JavaScript.

Một đối tượng JavaScript là một tập hợp các thuộc tính không có thứ tự.

Các thuộc tính thường có thể được thay đổi, thêm và xóa, nhưng một số chỉ được đọc.

Truy cập các thuộc tính JavaScript

Cú pháp truy cập thuộc tính của một đối tượng là:

ObjectName.Property & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // person.age

hoặc

ObjectName ["Thuộc tính"] & nbsp; & nbsp; & nbsp; // người ["Tuổi"]

hoặc

ObjectName ["Thuộc tính"] & nbsp; & nbsp; & nbsp; // người ["Tuổi"]

ObjectName [Biểu thức] & nbsp; & nbsp; // x = "tuổi"; người [x]

Biểu thức phải đánh giá đến một tên thuộc tính.

Ví dụ 2

người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";

Hãy tự mình thử »

JavaScript cho ... trong vòng lặp

Câu lệnh JavaScript for...in vòng lặp thông qua các thuộc tính của một đối tượng.

Cú pháp
  // code to be executed
}

for (Đặt biến trong đối tượng) {& nbsp; // Mã được thực thi}

Khối mã bên trong vòng for...in sẽ được thực thi một lần cho mỗi thuộc tính.

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ
  fname:" John",
  lname:" Doe",
  age: 25
};

const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
  txt += person[x];
}

người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";

Hãy tự mình thử »

JavaScript cho ... trong vòng lặp

Câu lệnh JavaScript for...in vòng lặp thông qua các thuộc tính của một đối tượng.

Cú pháp

for (Đặt biến trong đối tượng) {& nbsp; // Mã được thực thi}

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};

người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";

Hãy tự mình thử »

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};

người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";

Hãy tự mình thử »

JavaScript cho ... trong vòng lặp

Câu lệnh JavaScript for...in vòng lặp thông qua các thuộc tính của một đối tượng.

Cú pháp

for (Đặt biến trong đối tượng) {& nbsp; // Mã được thực thi}

Khối mã bên trong vòng for...in sẽ được thực thi một lần cho mỗi thuộc tính.

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ
  name:"John",
  age:30,
  cars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};

or:

or:

or:

for (đặt x trực tiếp) {& nbsp; txt += người [x]; }

Thêm các thuộc tính mới

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", models:["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", models:["320", "X3", "X5"]},
    {name:"Fiat", models:["500", "Panda"]}
  ]
}

const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ
  x += "

" + myObj.cars[i].name + "

người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";

Hãy tự mình thử »

JavaScript cho ... trong vòng lặp

Câu lệnh JavaScript for...in vòng lặp thông qua các thuộc tính của một đối tượng.

Cú pháp

for (Đặt biến trong đối tượng) {& nbsp; // Mã được thực thi}

Khối mã bên trong vòng for...in sẽ được thực thi một lần cho mỗi thuộc tính.

Vòng lặp qua các thuộc tính của một đối tượng:

Thí dụ

const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};

for (đặt x trực tiếp) {& nbsp; txt += người [x]; }

Có thể thêm các thuộc tính vào đối tượng này sau khi tạo ban đầu nếu tên thuộc tính không được xác định cho đến khi chạy không? Câu trả lời là có, và bạn có thể thêm các thuộc tính động vào một đối tượng sau khi đối tượng được tạo và hãy để xem cách chúng ta có thể làm điều đó.

Để thêm một 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 một thuộc tính mới, một dấu bằng và giá trị cho thuộc tính mới. Sẽ không có vấn đề gì nếu bạn phải thêm thuộc tính, thay đổi giá trị thuộc tính hoặc đọc một giá trị của tài sản; Bạn có sự lựa chọn sau của cú pháp.It does not matter if you have to add the property, change the property’s value, or read a value of the property; you have the following choice of syntax.

1. Cú pháp chấm
2. Ký hiệu khung vuông. (Cú pháp DOT đơn giản hơn và nói chung là đủ).

Cú pháp chấm

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

Hãy xem xét các ví dụ sau đây đố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 rằng sử dụng cú pháp DOT và chúng tôi đã thêm một thuộc tính mới có tên là College & NBSP; và đăng nhập đối tượng.college and logged the Object.

Ký hiệu khung vuông để thêm thuộc tính vào đối tượng JavaScript

Để thêm một thuộc tính, sử dụng ký hiệu khung vuông. Sau đây cho thấy cú pháp khung vuông.

obj['college'] = 'VVP';

Xem 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' }

Bạn có thể thấy rằng sử dụng cú pháp DOT và chúng tôi đã thêm một thuộc tính mới có tên là College & NBSP; và đăng nhập đối tượng.for-in loop or is an expression to be evaluated, such as the following code.

// 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

Bạn có thể thấy rằng sử dụng cú pháp DOT và chúng tôi đã thêm một thuộc tính mới có tên là College & NBSP; và đăng nhập đối tượng.

Ký hiệu khung vuông để thêm thuộc tính vào đối tượng JavaScript

Để thêm một thuộc tính, sử dụng ký hiệu khung vuông. Sau đây cho thấy cú pháp khung vuông.

Xem mã sau.

// 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

{ name: 'Krunal', age: 27, education: 'Engineer' }
After modifying a property using square bracket
{ name: 'Ankit', age: 26, education: 'Engineer' }

Bạn có thể thấy rằng sử dụng cú pháp DOT và chúng tôi đã thêm một thuộc tính mới có tên là College & NBSP; và đăng nhập đối tượng.

Ký hiệu khung vuông để thêm thuộc tính vào đối tượng JavaScript

Để thêm một thuộc tính, sử dụng ký hiệu khung vuông. Sau đây cho thấy cú pháp khung vuông.

Làm thế nào tôi có thể thêm một thuộc tính mới trong đối tượng JavaScript?

Làm thế nào các thuộc tính được gán cho một đối tượng trong JavaScript?

Chúng ta có thể thêm các thuộc tính vào chức năng trong JavaScript không?

Bạn có thể nối vào một đối tượng JavaScript không?