Khóa và giá trị trong JavaScript

Chúng tôi đã đưa ra hai mảng chứa khóa và giá trị và nhiệm vụ là lưu trữ nó dưới dạng một thực thể duy nhất ở dạng key => value trong JavaScript. Trong JavaScript, mảng là một biến duy nhất được sử dụng để lưu trữ các phần tử khác nhau. Nó thường được sử dụng khi chúng ta cần lưu trữ danh sách các bộ phận và truy cập chúng theo một biến. Chúng ta có thể lưu trữ mảng key => value trong Đối tượng JavaScript bằng các phương thức được thảo luận bên dưới.  

Phương pháp 1. Ở phương thức này chúng ta sẽ sử dụng Object để lưu key => value trong JavaScript. Các đối tượng, trong JavaScript, là loại dữ liệu quan trọng nhất và tạo thành các khối xây dựng cho JavaScript hiện đại. Các đối tượng này hoàn toàn khác với các kiểu dữ liệu nguyên thủy của JavaScript (Số, Chuỗi, Boolean, null, không xác định và ký hiệu). Các đối tượng phức tạp hơn và mỗi đối tượng có thể chứa bất kỳ sự kết hợp nào của các kiểu dữ liệu nguyên thủy này cũng như các kiểu dữ liệu tham chiếu.  

Tiếp cận. Chúng ta sẽ duyệt qua toàn bộ mảng và lần lượt thêm các khóa từ các khóa (mảng) và các giá trị tương ứng từ các giá trị (mảng) trong Đối tượng.  

cú pháp

for(var i = 0; i < keys.length; i++){
        // obj = Object
        // keys = key array
        // values = value array
        obj[keys[i]] = values[i];
}

Ví dụ.  

jav




for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
4

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
6

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
1

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
4

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
7

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
0

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
3

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
6

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
8

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
10
1 => GeeksforGeeks
2 => Computer
3 => Science
11
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
13

1 => GeeksforGeeks
2 => Computer
3 => Science
14
1 => GeeksforGeeks
2 => Computer
3 => Science
15

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
17

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
80

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
10
1 => GeeksforGeeks
2 => Computer
3 => Science
11______10
1 => GeeksforGeeks
2 => Computer
3 => Science
85

1 => GeeksforGeeks
2 => Computer
3 => Science
14
1 => GeeksforGeeks
2 => Computer
3 => Science
87

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
17

 

1 => GeeksforGeeks
2 => Computer
3 => Science
60

đầu ra

1 => GeeksforGeeks
2 => Computer
3 => Science

Phương pháp 2. Ở phương pháp này chúng ta sẽ sử dụng Map để lưu key => value trong JavaScript. Bản đồ là một tập hợp các phần tử trong đó mỗi phần tử được lưu trữ dưới dạng một cặp khóa, giá trị. Các đối tượng bản đồ có thể chứa cả đối tượng và giá trị nguyên thủy dưới dạng khóa hoặc giá trị. Khi chúng ta lặp lại đối tượng bản đồ, nó sẽ trả về cặp khóa, giá trị theo cùng thứ tự như đã chèn.  

Tiếp cận. Chúng tôi sẽ duyệt qua toàn bộ mảng và lần lượt thêm các khóa từ các khóa (mảng) và các giá trị tương ứng từ các giá trị (mảng) trong bản đồ.  

cú pháp

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}

Ví dụ.  

jav




for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
4

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
6

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
66

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
4

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
42
1 => GeeksforGeeks
2 => Computer
3 => Science
10
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
44

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
47

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
50
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
51
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
52

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
6

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
57

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
10
1 => GeeksforGeeks
2 => Computer
3 => Science
11
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
13

1 => GeeksforGeeks
2 => Computer
3 => Science
14
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
64

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
17

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
69

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
10
1 => GeeksforGeeks
2 => Computer
3 => Science
11______10
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
54

1 => GeeksforGeeks
2 => Computer
3 => Science
14
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
56

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
17

 

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
59

đầu ra

1 => GeeksforGeeks
2 => Computer
3 => Science
1

Phương pháp 3. Trong phương pháp này, chúng tôi sẽ sử dụng giảm để lưu khóa => giá trị trong JavaScript. Phương thức giảm là sử dụng lặp qua danh sách các phần tử. Phương thức này được sử dụng để giảm mảng thành một giá trị duy nhất và thực thi hàm được cung cấp cho từng giá trị của mảng (từ trái sang phải) và giá trị trả về của hàm được lưu trữ trong bộ tích lũy

cú pháp

1 => GeeksforGeeks
2 => Computer
3 => Science
8

Ví dụ.  

Javascript




for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
4

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
6

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
66

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
4

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
11_______112
1 => GeeksforGeeks
2 => Computer
3 => Science
13
1 => GeeksforGeeks
2 => Computer
3 => Science
14
1 => GeeksforGeeks
2 => Computer
3 => Science
13
1 => GeeksforGeeks
2 => Computer
3 => Science
12
1 => GeeksforGeeks
2 => Computer
3 => Science
13
1 => GeeksforGeeks
2 => Computer
3 => Science
18
1 => GeeksforGeeks
2 => Computer
3 => Science
13
1 => GeeksforGeeks
2 => Computer
3 => Science
20
1 => GeeksforGeeks
2 => Computer
3 => Science
21

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
24

1 => GeeksforGeeks
2 => Computer
3 => Science
25

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
0
1 => GeeksforGeeks
2 => Computer
3 => Science
28

1 => GeeksforGeeks
2 => Computer
3 => Science
14
1 => GeeksforGeeks
2 => Computer
3 => Science
30

1 => GeeksforGeeks
2 => Computer
3 => Science
14
1 => GeeksforGeeks
2 => Computer
3 => Science
32
1 => GeeksforGeeks
2 => Computer
3 => Science
33

1 => GeeksforGeeks
2 => Computer
3 => Science
34

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
10
1 => GeeksforGeeks
2 => Computer
3 => Science
37______138
1 => GeeksforGeeks
2 => Computer
3 => Science
39

1 => GeeksforGeeks
2 => Computer
3 => Science
14
1 => GeeksforGeeks
2 => Computer
3 => Science
41

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}
5
1 => GeeksforGeeks
2 => Computer
3 => Science
17

1 => GeeksforGeeks
2 => Computer
3 => Science
44
1 => GeeksforGeeks
2 => Computer
3 => Science
45

đầu ra

1 => GeeksforGeeks
2 => Computer
3 => Science
6

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Khóa trong JavaScript là gì?

Các phím trong mảng JavaScript() . Phương thức keys() không thay đổi mảng ban đầu. The keys() method returns an Array Iterator object with the keys of an array. The keys() method does not change the original array.

Cách lấy chìa khóa

Làm cách nào để lấy Khóa, Giá trị và Mục nhập trong Đối tượng JavaScript? .
Vật. keys(obj) – trả về tất cả các khóa của đối tượng dưới dạng mảng
Vật. giá trị (obj) – trả về tất cả các giá trị của đối tượng dưới dạng mảng
Vật. entry(obj) – trả về một mảng [key, value]

Khóa và giá trị trong đối tượng là gì?

Khóa của đối tượng là danh sách tên thuộc tính. Giá trị của một đối tượng là danh sách các giá trị thuộc tính . Các mục của một đối tượng là danh sách các cặp tên thuộc tính và giá trị tương ứng.

Khóa và giá trị trong mảng là gì?

Khóa và giá trị trong một mảng là gì? . Các mảng kết hợp về cơ bản là các đối tượng trong JavaScript nơi các chỉ mục được thay thế bằng các khóa do người dùng xác định. Chúng không có thuộc tính độ dài như một mảng bình thường và không thể duyệt qua bằng cách sử dụng vòng lặp for thông thường. Keys are indexes and values are elements of an associative array. Associative arrays are basically objects in JavaScript where indexes are replaced by user-defined keys. They do not have a length property like a normal array and cannot be traversed using a normal for loop.