Hướng dẫn are objects dynamic in javascript? - các đối tượng có động trong javascript không?

Question

Xem thảo luận

Nội dung chính Show

Để làm, để bạn có thể tạo một biến và gán cho nó một giá trị cụ thể. Sau đó, trong khi ở trong mảng, khi bạn khai báo biến sử dụng dấu ngoặc vuông với tên biến trong đó và với điều này khi trong tương lai, bạn quyết định thay đổi tên biến mà bạn không cần truy cập toàn bộ mảng, thay vào đó bạn chỉ có thể cập nhật Giá trị của biến và biến trong mảng tự động thay đổi.
Đầu ra: Trong đầu ra này Dynamic1 được gán giá trị 'tuổi', do đó trong đầu ra, nó được hiển thị bằng tên 'Tuổi', mặt khác, Dynamic2 được gán bằng 'Marks' và nó được hiển thị bằng tên ' Dấu hiệu 'trong đầu ra cũng.
Đối tượng có năng động không?
JavaScript làm gì để làm cho mọi thứ năng động?
Sáng tạo động của các đối tượng là gì?
Làm thế nào để bạn tự động truy cập một đối tượng?

Cải thiện bài viết

Lưu bài viết

Đọc

Bàn luận

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọc

Bàn luận

Syntax:

const var_name = 'Name';
const = { [var_name] = 'GeeksForGeeks'};

Trong JavaScript, bạn có thể chọn các giá trị động hoặc tên biến và tên đối tượng và chọn chỉnh sửa tên biến trong tương lai mà không cần truy cập mảng.

Để làm, để bạn có thể tạo một biến và gán cho nó một giá trị cụ thể. Sau đó, trong khi ở trong mảng, khi bạn khai báo biến sử dụng dấu ngoặc vuông với tên biến trong đó và với điều này khi trong tương lai, bạn quyết định thay đổi tên biến mà bạn không cần truy cập toàn bộ mảng, thay vào đó bạn chỉ có thể cập nhật Giá trị của biến và biến trong mảng tự động thay đổi.

<script>

const dynamic1 =

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

0

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

3

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

4

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

7

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

8

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

9

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

0

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

8

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

3

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

4

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

8

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

7

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

8

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

9

var obj = {
  [myKey]: value,
}

0

var obj = {
  [myKey]: value,
}

2

var obj = {
  [myKey]: value,
}

3

Ví dụ 1: In this output dynamic1 is assigned the value ‘Age’, hence in the output it is shown by the name of ‘Age’, on the other hand, dynamic2 is assigned with ‘Marks’ and it is shown by the name of ‘Marks’ in the output also.

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

JavaScript Let us look at what if we change the two assigned values of dynamic1 and dynamic2 respectively.

Đầu ra: Trong đầu ra này Dynamic1 được gán giá trị 'tuổi', do đó trong đầu ra, nó được hiển thị bằng tên 'Tuổi', mặt khác, Dynamic2 được gán bằng 'Marks' và nó được hiển thị bằng tên ' Dấu hiệu 'trong đầu ra cũng.

<script>

const dynamic1 =

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

4

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

3

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

0

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

7

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

8

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

9

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

0

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

8

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

3

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

4

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

1

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

8

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

7

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

8

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

9

var obj = {
  [myKey]: value,
}

0

var obj = {
  [myKey]: value,
}

2

var obj = {
  [myKey]: value,
}

3

Ví dụ 2: Chúng ta hãy xem xét những gì nếu chúng ta thay đổi hai giá trị được gán của Dynamic1 và Dynamic2 tương ứng. Hence from the above code, it is clear that changing the names of the variables above the change is visible in the array attributes as well. Hence using this method we can make sure that we need not go through the array every time we wish to update any variable name or its value.

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

Trong tiêu chuẩn ES2015 mới cho JavaScript (trước đây được gọi là ES6), các đối tượng có thể được tạo bằng các khóa tính toán: Thông số khởi tạo đối tượng.

Cú pháp là:

var obj = {
  [myKey]: value,
}

Nếu được áp dụng cho kịch bản của OP, nó sẽ biến thành:

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    return {
      [this.attr('name')]: this.attr('value'),
    };
  }) 

  callback(null, inputs);
}

Lưu ý: Một bộ chuyển đổi vẫn được yêu cầu cho trình duyệt tương đối. A transpiler is still required for browser compatiblity.

Sử dụng Traceur của Babel hoặc Google, có thể sử dụng cú pháp này ngay hôm nay.

Trong các thông số kỹ thuật JavaScript trước đó (ES5 trở xuống), khóa trong một đối tượng theo nghĩa đen luôn được hiểu theo nghĩa đen, như một chuỗi.

Để sử dụng phím "động", bạn phải sử dụng ký hiệu khung:bracket notation:

var obj = {};
obj[myKey] = value;

Trong trường hợp của bạn:

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    var key   = this.attr('name')
     ,  value = this.attr('value')
     ,  ret   = {};

     ret[key] = value;
     return ret;
  }) 

  callback(null, inputs);
}

Đối tượng có năng động không?

Các đối tượng động hiển thị các thành viên như thuộc tính và phương thức tại thời điểm chạy, thay vì tại thời điểm biên dịch. Điều này cho phép bạn tạo các đối tượng hoạt động với các cấu trúc không khớp với kiểu hoặc định dạng tĩnh.. This enables you to create objects to work with structures that do not match a static type or format.

JavaScript làm gì để làm cho mọi thứ năng động?

Trong JavaScript, bạn có thể chọn các giá trị động hoặc tên biến và tên đối tượng và chọn chỉnh sửa tên biến trong tương lai mà không cần truy cập mảng.Để làm, để bạn có thể tạo một biến và gán cho nó một giá trị cụ thể.create a variable and assign it a particular value.

Sáng tạo động của các đối tượng là gì?

Trong C ++, các đối tượng có thể được tạo vào thời gian chạy.C ++ hỗ trợ hai toán tử mới và xóa để thực hiện phân bổ bộ nhớ và phân bổ.Những loại đối tượng này được gọi là đối tượng động.Toán tử mới được sử dụng để tạo các đối tượng một cách linh hoạt và toán tử xóa được sử dụng để xóa các đối tượng một cách linh hoạt.The new operator is used to create objects dynamically and the delete operator is used to delete objects dynamically.

Làm thế nào để bạn tự động truy cập một đối tượng?

Để truy cập thuộc tính đối tượng một cách linh hoạt trong JS, bạn cần chuyển tên thuộc tính dưới dạng chuỗi trong dấu ngoặc vuông.Khi giá trị của khóa biến đã thay đổi, chúng tôi có quyền truy cập vào các thuộc tính khác nhau của đối tượng người dùng.Cách phổ biến nhất để truy cập các thuộc tính đối tượng trong JavaScript là dấu chấm.pass the property name as a string in square brackets. As the value of the variable key changed, we got access to the different properties of the user object. The most common way to access the object properties in JavaScript is the dot.

programming javascript Are objects dynamic? Key-value JavaScript