Mảng cặp giá trị khóa javascript

Trong bài viết này, chúng ta sẽ khám phá cách tạo một đối tượng JavaScript từ các cặp khóa-giá trị mong muốn. Hãy hiểu các bước liên quan như dưới đây−

bước

Bước I - Đầu tiên chúng ta sẽ tạo một Empty Object

let object = {}

Bước II - Khi đối tượng được khởi tạo với các giá trị null, chúng ta có thể thêm các cặp {key, value} mong muốn vào đối tượng

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

Bước III - Đối tượng kết quả là đối tượng JSON chứa tất cả các cặp khóa-giá trị

console.log[object];

ví dụ 1

Trong ví dụ này, chúng tôi đang tạo một ứng dụng đơn giản. Trong phần tập lệnh, chúng tôi đã tạo một đối tượng trống và sau đó thêm một số cặp khóa, giá trị vào đó. Điều tương tự cũng được hiển thị trên trang bảng điều khiển

# mục lục. html

   Object Using Key-value Pair


    Welcome to Tutorials Point
   

đầu ra

Khi thực hiện thành công chương trình trên, trình duyệt sẽ hiển thị kết quả như sau-

Welcome To Tutorials Point

Và trong bảng điều khiển, bạn sẽ tìm thấy tất cả các kết quả, xem ảnh chụp màn hình bên dưới –

ví dụ 2

Trong ví dụ dưới đây, chúng tôi xem xét rằng các khóa và giá trị có trong một mảng. Chúng tôi sử dụng một vòng lặp for trên mảng và nối dữ liệu từ các mảng vào một đối tượng trống dưới dạng [các] cặp khóa-giá trị

# mục lục. html

   Object Using Key-value Pair


    Welcome to Tutorials Point
   

đầu ra

Khi thực hiện thành công chương trình trên, trình duyệt sẽ hiển thị kết quả sau -

Welcome To Tutorials Point

Và trong bảng điều khiển, bạn sẽ tìm thấy tất cả các kết quả, xem ảnh chụp màn hình bên dưới –

ví dụ 3

Trong ví dụ bên dưới, chúng tôi sử dụng Object. phương thức gán [] là một phần của lớp cha Đối tượng. Phương thức này sao chép tất cả các giá trị và nối các giá trị đó vào đối tượng dưới dạng [các] cặp khóa-giá trị

Chúng tôi được yêu cầu viết một hàm JavaScript nhận vào một mảng như vậy và xây dựng một đối tượng trong đó giá trị tên là khóa và giá trị điểm là giá trị của chúng

Sử dụng mảng. nguyên mẫu. phương thức reduce[] để xây dựng một đối tượng từ mảng

Thí dụ

Sau đây là mã -

const arr = [
   {"name": "Rahul", "score": 89},
   {"name": "Vivek", "score": 88},
   {"name": "Rakesh", "score": 75},
   {"name": "Sourav", "score": 82},
   {"name": "Gautam", "score": 91},
   {"name": "Sunil", "score": 79},
];
const buildObject = arr => {
   const obj = {};
   for[let i = 0; i < arr.length; i++]{
      const { name, score } = arr[i];
      obj[name] = score;
   };
   return obj;
};
console.log[buildObject[arr]];

đầu ra

Điều này sẽ tạo ra đầu ra sau trong bảng điều khiển -

________số 8

Các phương pháp này là chung chung, có một thỏa thuận chung để sử dụng chúng cho các cấu trúc dữ liệu. Nếu chúng ta từng tạo cấu trúc dữ liệu của riêng mình, chúng ta cũng nên triển khai chúng

Chúng được hỗ trợ cho

• 
  
     Object Using Key-value Pair
  
  
      Welcome to Tutorials Point
     
  
  

  2

• 
  
     Object Using Key-value Pair
  
  
      Welcome to Tutorials Point
     
  
  

  3

• 
  
     Object Using Key-value Pair
  
  
      Welcome to Tutorials Point
     
  
  

  4

Các đối tượng đơn giản cũng hỗ trợ các phương thức tương tự, nhưng cú pháp hơi khác một chút

Đối với các đối tượng đơn giản, các phương thức sau đây khả dụng

• Mục tiêu. keys[obj] – trả về một mảng các phím
• Mục tiêu. giá trị [obj] – trả về một mảng giá trị
• Mục tiêu. các mục [obj] – trả về một mảng gồm các cặp

  
  
     Object Using Key-value Pair
  
  
      Welcome to Tutorials Point
     
  
  

  5

Xin lưu ý các điểm khác biệt [ví dụ so với bản đồ]

Cú pháp MapObjectCall_______36_______91, nhưng không phải

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

2Mảng “thực” có thể trả lại

Sự khác biệt đầu tiên là chúng ta phải gọi

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

1 chứ không phải

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

2

Tại sao vậy? . Hãy nhớ rằng, các đối tượng là cơ sở của tất cả các cấu trúc phức tạp trong JavaScript. Vì vậy, chúng ta có thể có một đối tượng của riêng mình như

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

5 thực hiện phương thức

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

6 của chính nó. Và chúng ta vẫn có thể gọi

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

7 trên đó

Sự khác biệt thứ hai là các phương thức

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

8 trả về các đối tượng mảng “thực”, không chỉ là một đối tượng có thể lặp lại. Đó chủ yếu là vì lý do lịch sử

Ví dụ

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

7

• let user = {
    name: "John",
    age: 30
  };
  
  // loop over values
  for [let value of Object.values[user]] {
    alert[value]; // John, then 30
  }

  9

• let firstKey = 0;
  let firstKeyValue = "TutorialsPoint";
  object[firstKey] = firstKeyValue;

  90

• let firstKey = 0;
  let firstKeyValue = "TutorialsPoint";
  object[firstKey] = firstKeyValue;

  91

Đây là một ví dụ về việc sử dụng

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

92 để lặp qua các giá trị thuộc tính

let user = {
  name: "John",
  age: 30
};

// loop over values
for [let value of Object.values[user]] {
  alert[value]; // John, then 30
}

Mục tiêu. khóa/giá trị/mục nhập bỏ qua các thuộc tính tượng trưng

Giống như vòng lặp

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

93, các phương thức này bỏ qua các thuộc tính sử dụng

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

94 làm khóa

Thông thường đó là thuận tiện. Nhưng nếu chúng ta cũng muốn các khóa tượng trưng, ​​thì có một phương thức riêng Object. getOwnPropertySymbols trả về một mảng chỉ các khóa tượng trưng. Ngoài ra, tồn tại một phương thức Reflect. ownKeys[obj] trả về tất cả các khóa

Các đối tượng thiếu nhiều phương thức tồn tại cho mảng, e. g. ________ 195, ________ 196 và những người khác

Nếu chúng tôi muốn áp dụng chúng, thì chúng tôi có thể sử dụng

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

97 theo sau là

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

98

1. Sử dụng

   let firstKey = 0;
   let firstKeyValue = "TutorialsPoint";
   object[firstKey] = firstKeyValue;

   99 để lấy một mảng các cặp khóa/giá trị từ

   
   
      Object Using Key-value Pair
   
   
       Welcome to Tutorials Point
      
   
   

   60
2. Sử dụng các phương thức mảng trên mảng đó, e. g.

   let firstKey = 0;
   let firstKeyValue = "TutorialsPoint";
   object[firstKey] = firstKeyValue;

   95, để chuyển đổi các cặp khóa/giá trị này
3. Sử dụng

   
   
      Object Using Key-value Pair
   
   
       Welcome to Tutorials Point
      
   
   

   62 trên mảng kết quả để biến nó trở lại thành một đối tượng

Ví dụ: chúng tôi có một đối tượng có giá và muốn nhân đôi chúng

let firstKey = 0;
let firstKeyValue = "TutorialsPoint";
object[firstKey] = firstKeyValue;

9

Thoạt nhìn có vẻ khó, nhưng sẽ trở nên dễ hiểu sau khi bạn sử dụng một hoặc hai lần. Chúng ta có thể tạo ra những chuỗi biến đổi mạnh mẽ theo cách này

Làm cách nào để lấy cặp giá trị khóa trong mảng JavaScript?

Mảng có thể có các cặp giá trị chính không?

Làm cách nào tôi có thể thêm một cặp giá trị khóa vào đối tượng mảng JavaScript?

Làm cách nào để chuyển đổi mảng thành cặp giá trị khóa trong JavaScript?