Cách lấy giá trị khóa từ mảng đối tượng 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.  

Cách 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];
}

Thí 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

________ 85 ________ 10 ________ 11

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

________ 85 ________ 10 ________ 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];
}
0

________ 85 ________ 10 ________ 63

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

________ 85 ________ 110 ________ 111 ​​________ 10 ________ 185

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.  

Cách 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];
}

Thí 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

________ 85 ________ 10 ________ 266

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

Thí 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

________ 85 ________ 10 ________ 266

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

________ 85 ________ 10 ________ 128

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

Bạn sẽ lấy cặp giá trị khóa từ đối tượng trong JavaScript bằng cách nào?

Sử dụng đối tượng. keys[] để lấy tất cả các tên khóa từ một đối tượng. .
Sử dụng các đối tượng để lưu trữ dữ liệu dưới dạng thuộc tính [cặp khóa-giá trị]
Tên khóa phải là chuỗi, ký hiệu hoặc số
Giá trị có thể là bất kỳ loại

Mảng có thể có giá trị khóa JavaScript không?

Mảng trong javascript thường chỉ được sử dụng với các khóa số, tăng tự động, nhưng đối tượng javascript có thể chứa các cặp giá trị khóa được đặt tên , các hàm và thậm chí .

Chủ Đề