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ảngCác ví dụ dưới đây sử dụng đối tượng sau Show
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ụ. jav1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science2 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science4 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science7 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]20 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science0 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]23 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]26 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]28 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]70____171 1 => GeeksforGeeks 2 => Computer 3 => Science0 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 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]77 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.values(obj)); // Expected output: ["Daniel", 40, "Engineer", 4]40 1 => GeeksforGeeks 2 => Computer 3 => Science1 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 => Science0 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 => Science1 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ụ. jav1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science2 ________ 91 ________ 70 ________ 326 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science4 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science02 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]70 1 => GeeksforGeeks 2 => Computer 3 => Science04 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science07 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science10 1 => GeeksforGeeks 2 => Computer 3 => Science11 1 => GeeksforGeeks 2 => Computer 3 => Science12 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]26 1 => GeeksforGeeks 2 => Computer 3 => Science1____917 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]70____171 1 => GeeksforGeeks 2 => Computer 3 => Science0 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 => Science24 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]77 1 => GeeksforGeeks 2 => Computer 3 => Science1 _______91____929 1 => GeeksforGeeks 2 => Computer 3 => Science1 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 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science14 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]74 1 => GeeksforGeeks 2 => Computer 3 => Science16 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]77
1 => GeeksforGeeks 2 => Computer 3 => Science19 đầ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ụ. Javascript1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science2 ________ 91 ________ 70 ________ 326 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science4 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science0 1 => GeeksforGeeks 2 => Computer 3 => Science11 1 => GeeksforGeeks 2 => Computer 3 => Science12 1 => GeeksforGeeks 2 => Computer 3 => Science13 1 => GeeksforGeeks 2 => Computer 3 => Science14 1 => GeeksforGeeks 2 => Computer 3 => Science13 1 => GeeksforGeeks 2 => Computer 3 => Science12 1 => GeeksforGeeks 2 => Computer 3 => Science13 1 => GeeksforGeeks 2 => Computer 3 => Science18 1 => GeeksforGeeks 2 => Computer 3 => Science13 1 => GeeksforGeeks 2 => Computer 3 => Science20 1 => GeeksforGeeks 2 => Computer 3 => Science21 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science1 1 => GeeksforGeeks 2 => Computer 3 => Science24 1 => GeeksforGeeks 2 => Computer 3 => Science25 ________ 91 ________ 70 ________ 728 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]74 1 => GeeksforGeeks 2 => Computer 3 => Science30 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]74 1 => GeeksforGeeks 2 => Computer 3 => Science32 1 => GeeksforGeeks 2 => Computer 3 => Science33 1 => GeeksforGeeks 2 => Computer 3 => Science34 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]70 1 => GeeksforGeeks 2 => Computer 3 => Science37 1 => GeeksforGeeks 2 => Computer 3 => Science38 1 => GeeksforGeeks 2 => Computer 3 => Science39 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]74 1 => GeeksforGeeks 2 => Computer 3 => Science41 1 => GeeksforGeeks 2 => Computer 3 => Science1 console.log(Object.keys(obj)); // Expected output: ["name", "age", "occupation", "level"]77 1 => GeeksforGeeks 2 => Computer 3 => Science44 1 => GeeksforGeeks 2 => Computer 3 => Science45 đầ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ì?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 khóa => giá trị 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.
Làm cách nào để lấy giá trị từ khóa trong mảng JavaScript?Phương pháp 1. Sử dụng một đối tượng để lưu trữ các cặp khóa => giá trị. . Phương pháp 2. Sử dụng phương thức map(). . phương thức keys(). . phương thức value(). . phương thức map() Khóa của một mảng là gì?Hàm key() chỉ đơn giản là trả về khóa của phần tử mảng hiện đang được trỏ tới bởi con trỏ bên trong . Nó không di chuyển con trỏ theo bất kỳ cách nào. Nếu con trỏ bên trong trỏ ra ngoài phần cuối của danh sách phần tử hoặc mảng trống, key() trả về null.
Array_keys() dùng để làm gì?Mảng_keys() là một hàm tích hợp sẵn trong PHP và được sử dụng để trả về tất cả các khóa của và mảng hoặc tập hợp con của các khóa. Parameters: The function takes three parameters out of which one is mandatory and other two are optional. |