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− Show bướcBướ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ụ 1Trong 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 raKhi 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ụ 2Trong 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 raKhi 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ụ 3Trong 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ố 8Cá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
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
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 2Mảng “thực” có thể trả lạiSự khác biệt đầu tiên là chúng ta phải gọi 1 chứ không phải 2Tạ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ư 5 thực hiện phương thức 6 của chính nó. Và chúng ta vẫn có thể gọi 7 trên đóSự khác biệt thứ hai là các phương thức 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
Đâ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
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
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?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() Mảng có thể có các cặp giá trị chính 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í .
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?Để thêm một cặp khóa/giá trị cho tất cả các đối tượng trong một mảng. Sử dụng Mảng. phương thức forEach() để lặp qua mảng. Trên mỗi lần lặp lại, hãy sử dụng ký hiệu dấu chấm để thêm một cặp khóa/giá trị vào đối tượng hiện tại . Cặp khóa/giá trị sẽ được thêm vào tất cả các đối tượng trong mảng.
Làm cách nào để chuyển đổi mảng thành cặp giá trị khóa trong JavaScript?Để chuyển đổi một mảng thành một đối tượng, sử dụng phương thức reduce() để lặp lại mảng, truyền cho nó một đối tượng làm giá trị ban đầu. Trên mỗi lần lặp lại, hãy chỉ định một cặp khóa-giá trị mới cho đối tượng đã tích lũy và trả về kết quả . |