Hướng dẫn how to add value to existing object in javascript - cách thêm giá trị vào đối tượng hiện có trong javascript

Trong JavaScript, đối tượng là một thực thể thời gian thực chứa các thuộc tính và phương thức. Nói một cách đơn giản, chúng ta có thể nói rằng đối tượng là một ví dụ của một lớp. Nó lưu trữ dữ liệu dưới dạng các cặp khóa và giá trị. Các khóa thường được gọi là thuộc tính và các giá trị được gọi là giá trị thuộc tính.properties and the values are referred to as property values.

Nội dung chính Show

Sử dụng toán tử DOT (.)
Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.
Sử dụng phương thức gán ()
Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.
Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT (.) Để truy cập và thêm các phần tử vào một đối tượng.
Trong phương thức gán JavaScript (mục tiêu, nguồn) có hai tham số, đầu tiên là mục tiêu thường có nghĩa là chúng ta có thể nhắm mục tiêu đối tượng hiện có hoặc chúng ta có thể đặt một đối tượng trống vào vị trí của mục tiêu, do đó nó sẽ tạo một đối tượng mới mà không cần thay đổi đối tượng hiện có.
Tôi có thể thêm một biến vào một đối tượng trong JavaScript không?
Làm thế nào bạn có thể thêm một phần tử vào một đối tượng?
Bạn có thể sửa đổi một đối tượng trong JavaScript không?

Có hai cách để xác định một đối tượng trong JavaScript.

Cú pháp

var obj = new Object();

(or)

var obj = {property1: value, property2 : value2 …….}

Sử dụng toán tử DOT (.)

Trong JavaScript, sử dụng toán tử DOT (.) Chúng ta có thể truy cập một biến được lưu trữ trong một đối tượng. Toán tử DOT (.) Sẽ hoạt động như một đầu nối giữa đối tượng và biến được thêm vào.

Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.

let obj = {property: value, …..};
obj.property = value;

Hãy để thảo luận về phương pháp này với một ví dụ thích hợp.

Thí dụ

Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT (.) Để truy cập và thêm các phần tử vào một đối tượng.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Add Element in an Object</title>
</head>
<body>
   <script>
      var student = {
         name: 'abc',
         age: 20,
         city: 'Hyderabad',
      }
      student.marks = 80;
      document.write(
         "Name: " + student.name + "
" +
         "Age: " + student.age + "
" +
         "City: " + student.city + "
" +
         "Marks: " + student.marks
      )
      console.log(student);
   </script>
</body>
</html>

Sử dụng phương thức gán ()

Trong JavaScript, gán () là một phương thức được xây dựng. Sử dụng phương thức gán (), chúng ta có thể gán hoặc thêm một giá trị mới cho một đối tượng hiện có hoặc chúng ta có thể tạo đối tượng mới mà không thay đổi các giá trị đối tượng hiện có.

Cú pháp

Object.assign(target,source);

Sử dụng toán tử DOT (.)

Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.

Hãy để thảo luận về phương pháp này với một ví dụ thích hợp.

Object.assign({},objectname,{property: value});

Thí dụ

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Add Element in an Object</title>
</head>
<body>
   <script>
      var book = {
         name: 'English',
         price: 250,
      }
      var newobj = Object.assign({}, book, {publishyear : 2015});
      document.write(
         "Name: " + newobj.name + "
" +
         "Price: " + newobj.price + "
 " +
         "Publish year: " + newobj.publishyear
      )
   </script>
</body>
</html>

Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT (.) Để truy cập và thêm các phần tử vào một đối tượng.

Sử dụng phương thức gán ()

Object.assign(objectname,{prooerty:value});

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Add Element in an Object</title>
</head>
<body>
   <script>
      var book = {
         name: 'English',
         price: 250,
      }
      var newobj = Object.assign(book,{publishyear : 2015});
      document.write(
         "Name: " + newobj.name + "
" +
         "Price: " + newobj.price + "
 " +
         "Publish year: " + newobj.publishyear
      )
   </script>
</body>
</html>

Trong phương thức gán JavaScript (mục tiêu, nguồn) có hai tham số, đầu tiên là mục tiêu thường có nghĩa là chúng ta có thể nhắm mục tiêu đối tượng hiện có hoặc chúng ta có thể đặt một đối tượng trống vào vị trí của mục tiêu, do đó nó sẽ tạo một đối tượng mới mà không cần thay đổi đối tượng hiện có.

Và nguồn có nghĩa là thuộc tính chúng tôi muốn gán một đối tượng cho.

let obj = {};
obj[property] = value;

Thí dụ

Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT (.) Để truy cập và thêm các phần tử vào một đối tượng.

var obj = {property1: value, property2 : value2 …….}

Sử dụng phương thức gán ()

Trong JavaScript, gán () là một phương thức được xây dựng. Sử dụng phương thức gán (), chúng ta có thể gán hoặc thêm một giá trị mới cho một đối tượng hiện có hoặc chúng ta có thể tạo đối tượng mới mà không thay đổi các giá trị đối tượng hiện có.
Trong phương thức gán JavaScript (mục tiêu, nguồn) có hai tham số, đầu tiên là mục tiêu thường có nghĩa là chúng ta có thể nhắm mục tiêu đối tượng hiện có hoặc chúng ta có thể đặt một đối tượng trống vào vị trí của mục tiêu, do đó nó sẽ tạo một đối tượng mới mà không cần thay đổi đối tượng hiện có.
Và nguồn có nghĩa là thuộc tính chúng tôi muốn gán một đối tượng cho.
ví dụ 1
Hãy để hiểu cách thức phương thức gán () thêm một phần tử mới vào một đối tượng trong javascript mà không thay đổi đối tượng hiện có.
Trong ví dụ, chúng tôi đã sử dụng phương thức gán () để thêm một phần tử mới vào một đối tượng hiện có. Vì vậy, chúng tôi đã sử dụng một địa điểm mục tiêu trống và đang tạo một đối tượng mới để nó không thay đổi các giá trị đối tượng hiện có.
Ví dụ 2
Trong ví dụ này, chúng tôi sẽ xem xét cách phương thức gán () hoạt động bằng cách sửa đổi đối tượng hiện có.
Trong chương trình, chúng tôi đang đưa ra tham số đích trong phương thức gán như một tên đối tượng hiện có để nó cũng sẽ thay đổi giá trị đối tượng hiện có. Chúng ta hãy xem xét làm thế nào điều đó xảy ra trong ví dụ dưới đây -
Sử dụng khung vuông []
Sử dụng khung vuông []: Trong JavaScript, chúng ta có thể sử dụng khung [] để thêm các phần tử vào một đối tượng. Đây là một cách khác để thêm một phần tử vào đối tượng JavaScript.
Trong chương trình ví dụ dưới đây, chúng tôi đã sử dụng khung vuông [] để tìm nạp mảng các phần tử trong bất kỳ chỉ mục cụ thể nào. Ngoài ra, chúng ta có thể thêm phần tử vào một mảng.
Cập nhật vào ngày 29 tháng 8 năm 2022 10:14:52
Câu hỏi và câu trả lời liên quan
Làm thế nào để thêm một tên lớp vào một phần tử với JavaScript?
Trong PHP, làm thế nào tôi có thể thêm một phần tử đối tượng vào một mảng?

Tôi có thể thêm một biến vào một đối tượng trong JavaScript không?

Chúng ta có thể thêm thuộc tính vào đối tượng JavaScript bằng cách sử dụng một biến làm tên bằng cách sử dụng ký hiệu DOT hoặc ký hiệu khung..

Làm thế nào bạn có thể thêm một phần tử vào một đối tượng?

Khi bạn cần nối các yếu tố mới vào biến đối tượng JavaScript của mình, bạn có thể sử dụng đối tượng.Phương thức gán () hoặc toán tử lây lan.Hãy để tôi chỉ cho bạn một ví dụ về việc sử dụng cả hai.Đầu tiên, đối tượng.

Bạn có thể sửa đổi một đối tượng trong JavaScript không?

Sử dụng cùng một phương thức, thuộc tính của một đối tượng có thể được sửa đổi bằng cách gán một giá trị mới cho một thuộc tính hiện có.Tại thời điểm này, nếu chúng ta gọi đối tượng, chúng ta sẽ thấy tất cả các bổ sung và sửa đổi của chúng ta.Thông qua hoạt động gán, chúng tôi có thể sửa đổi các thuộc tính và phương thức của đối tượng JavaScript.an object's property can be modified by assigning a new value to an existing property. At this point, if we call the object, we will see all of our additions and modifications. Through assignment operation, we can modify the properties and methods of a JavaScript object.

Hướng dẫn how to add value to existing object in javascript - cách thêm giá trị vào đối tượng hiện có trong javascript

Cú pháp

Sử dụng toán tử DOT (.)

Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.

Thí dụ

Sử dụng phương thức gán ()

Cú pháp

Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.

Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT (.) Để truy cập và thêm các phần tử vào một đối tượng.

Thí dụ

Tôi có thể thêm một biến vào một đối tượng trong JavaScript không?

Làm thế nào bạn có thể thêm một phần tử vào một đối tượng?

Bạn có thể sửa đổi một đối tượng trong JavaScript không?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội