Làm thế nào để bạn tìm thấy giá trị của một mảng trong một khóa?

Trong JavaScript, việc lấy các khóa và giá trị bao gồm một đối tượng rất dễ dàng. Bạn có thể truy xuất các khóa, giá trị của từng đối tượng hoặc kết hợp cả hai thành một mảng

Các ví dụ dưới đây sử dụng đối tượng sau

const obj = { name: 'Daniel', age: 40, occupation: 'Engineer', level: 4 };

Lấy chìa khóa của một đối tượng

đối tượng. keys[] phương thức trả về một mảng các chuỗi chứa tất cả các khóa của đối tượng, được sắp xếp theo thứ tự xuất hiện

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

Ở đây, cũng như trong các ví dụ sau, chúng ta chuyển vào đối tượng mà dữ liệu cần thiết làm tham số

Lấy giá trị của đối tượng

đối tượng. Phương thức values[] trả về một mảng các chuỗi chứa tất cả các giá trị trường của đối tượng, được sắp xếp theo thứ tự xuất hiện

console.log[Object.values[obj]];
// Expected output: ["Daniel", 40, "Engineer", 4]

Nhận các mục nhập của một đối tượng

đối tượng. phương thức entry[] trả về một mảng các mảng. Mỗi mảng bao gồm một cặp giá trị. Chuỗi đầu tiên là tên của một khóa trong đối tượng, chuỗi thứ hai là giá trị tương ứng của nó. Trong ví dụ bên dưới, phần tử đầu tiên trong mảng là [“name”, “Daniel”]. Trong mảng con này, “tên” là khóa đầu tiên của đối tượng obj và “Daniel” là giá trị đầu tiên của đối tượng

console.log[Object.entries[obj]];
// Expected output: [["name", "Daniel"], ["age", 40], ["occupation", "Engineer"], ["level", 4]]

Mẹo. Có thể tạo lại đối tượng ban đầu bằng cách sử dụng giá trị trả về của Đối tượng. phương thức entry[]

Cải cách một đối tượng

Đưa ra một mảng các cặp khóa-giá trị được trả về bởi Object. các mục [], chúng ta có thể sử dụng cùng một đầu ra để tạo lại đối tượng ban đầu. Điều này đạt được với Object. fromEntries[]

const objEntries = Object.entries[obj];
console.log[Object.fromEntries[objEntries]];
// Expected output: {name: "Daniel", age: 40, occupation: "Engineer", level: 4}

đối tượng. Phương thức fromEntries[] tạo thành một đối tượng từ một đối số có thể lặp lại. Bạn không thể đơn giản chuyển một mảng có hai phần tử, vì đây không phải là định dạng được trả về bởi Đối tượng. mục[]. Đầu vào đối tượng. fromEntries[] cần phải là một mảng của các mảng, như được cung cấp trong ví dụ trên. Tuy nhiên, điều quan trọng cần lưu ý là các mảng không tuân theo “quy tắc hai mục” sẽ vẫn được xử lý. Bạn có thể thấy điều này trong ví dụ sau

const arr = [[4, 28, 167, "JavaScript"], ["One", "Two", "Three"], ["hello"]];
console.log[Object.fromEntries[arr]];
// Expected output: {4: 28, One: "Two", hello: undefined}

Trong ví dụ trên, phần tử mảng đầu tiên có bốn mục, phần tử mảng thứ hai có ba mục và phần tử mảng thứ ba chỉ có một mục. Trong mỗi trường hợp này, chỉ có hai mục đầu tiên được sử dụng khi tạo đối tượng. Nếu chỉ có một phần tử duy nhất, giá trị tương ứng của phần tử đó là không xác định

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

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

0

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

1

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

2

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

1

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

0

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

1

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

1

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

1

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

4

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

1

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

0

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

7

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

1

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

20

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

1

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

0

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

23

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

1

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

26

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

28

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

70____171

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

0

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

73

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

75

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

77

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

1

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

1

console.log[Object.values[obj]];
// Expected output: ["Daniel", 40, "Engineer", 4]

40

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

70

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

71

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

0

console.log[Object.values[obj]];
// Expected output: ["Daniel", 40, "Engineer", 4]

45

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

console.log[Object.values[obj]];
// Expected output: ["Daniel", 40, "Engineer", 4]

47

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

77

 

console.log[Object.entries[obj]];
// Expected output: [["name", "Daniel"], ["age", 40], ["occupation", "Engineer"], ["level", 4]]

20

đầ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

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

2

Ví dụ.  

jav

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

0

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

1

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

2

________ 91 ________ 70 ________ 326

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

1

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

1

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

4

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

1

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

0

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

02

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

70

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

04

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

1

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

1

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

07

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

1

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

0

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

10

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

11

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

12

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

1

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

26

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

1____917

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

70____171

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

0

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

73

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

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

24

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

77

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

1

_______91____929

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

70

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

71

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

0

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

14

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

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

16

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

77

 

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

19

đầu ra

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

7

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

console.log[Object.values[obj]];
// Expected output: ["Daniel", 40, "Engineer", 4]

4

Ví dụ.  

Javascript

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

0

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

1

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

2

________ 91 ________ 70 ________ 326

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

1

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

1

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

4

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

1

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

0

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

11

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

12

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

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

1

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

1

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

24

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

25

________ 91 ________ 70 ________ 728

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

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

30

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

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

32

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

33

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

34

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

70

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

37

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

38

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

39

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

74

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

41

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

1

console.log[Object.keys[obj]];
// Expected output: ["name", "age", "occupation", "level"]

77

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

44

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

45

đầu ra

console.log[Object.entries[obj]];
// Expected output: [["name", "Daniel"], ["age", 40], ["occupation", "Engineer"], ["level", 4]]

2

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

Mảng có khóa và giá trị là gì?

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

Khóa của một mảng là gì?

Array_keys[] dùng để làm gì?