Kiểm tra khóa tồn tại trong Map JavaScript
Tóm lược. trong hướng dẫn này, bạn sẽ tìm hiểu về đối tượng Bản đồ JavaScript ánh xạ một khóa tới một giá trị Show
Giới thiệu về đối tượng Bản đồ JavaScriptTrước ES6, chúng tôi thường sử dụng một đối tượng để giả lập bản đồ bằng cách ánh xạ một khóa tới một giá trị thuộc bất kỳ loại nào. Nhưng sử dụng một đối tượng làm bản đồ có một số tác dụng phụ
ES6 cung cấp một loại bộ sưu tập mới có tên là 5 để giải quyết những thiếu sót này Theo định nghĩa, một đối tượng 5 chứa các cặp khóa-giá trị. Các khóa là duy nhất trong bộ sưu tập của Bản đồ. Nói cách khác, một khóa trong đối tượng Bản đồ chỉ xuất hiện một lần Các khóa và giá trị của Bản đồ có thể là bất kỳ giá trị nào Khi lặp một đối tượng 5, mỗi lần lặp trả về một mảng 2 phần tử của 8. Thứ tự lặp lại tuân theo thứ tự chèn tương ứng với thứ tự mà mỗi cặp khóa-giá trị được chèn lần đầu tiên vào Bản đồ bằng phương pháp 9 Để tạo một 5 mới, bạn sử dụng cú pháp sau
1 chấp nhận một đối tượng có thể lặp lại tùy chọn có các phần tử là cặp khóa-giá trị Các phương thức Bản đồ JavaScript hữu ích
Các ví dụ về Bản đồ JavaScriptHãy lấy một số ví dụ về việc sử dụng đối tượng Bản đồ Tạo một đối tượng Bản đồ mớiGiả sử bạn có một danh sách các đối tượng 61 như sau 8 Giả sử rằng bạn phải tạo bản đồ người dùng và vai trò. Trong trường hợp này, bạn sử dụng đoạn mã sau
62 là một thể hiện của đối tượng 5 và kiểu của nó là một đối tượng như minh họa trong ví dụ sau
Thêm phần tử vào Bản đồĐể gán vai trò cho người dùng, bạn sử dụng phương thức 9 6 Phương thức 9 ánh xạ người dùng 66 với vai trò 67. Vì phương thức 9 có thể xâu chuỗi, nên bạn có thể lưu một số thao tác nhập như trong ví dụ này 9 Khởi tạo bản đồ với một đối tượng có thể lặp lạiNhư đã đề cập trước đó, bạn có thể truyền một đối tượng có thể lặp lại cho hàm tạo 1 1 Nhận một phần tử từ bản đồ bằng phímNếu muốn xem vai trò của 90 thì bạn dùng phương thức 91 4 Nếu bạn chuyển một khóa không tồn tại, phương thức 91 sẽ trả về 93 7 Kiểm tra sự tồn tại của một phần tử bằng khóaĐể kiểm tra xem một khóa có tồn tại trong bản đồ hay không, bạn sử dụng phương pháp 94 9 Lấy số phần tử trong bản đồThuộc tính 95 trả về số lượng mục nhập của đối tượng Bản đồ 80 Lặp lại các phím bản đồĐể lấy key của một đối tượng 5, bạn sử dụng phương thức 8. 8 trả về một đối tượng iterator mới chứa các khóa của các phần tử trong bản đồ Ví dụ sau hiển thị tên người dùng của người dùng trong đối tượng bản đồ 62 81 đầu ra 82 Lặp lại các giá trị bản đồTương tự, bạn có thể sử dụng phương thức 60 để lấy một đối tượng iterator chứa các giá trị cho tất cả các thành phần trong bản đồ 83 đầu ra 84 Lặp lại các phần tử bản đồNgoài ra, phương thức 4 trả về một đối tượng iterator chứa một mảng 12 của mỗi phần tử trong đối tượng 5 85 Để làm cho phép lặp tự nhiên hơn, bạn có thể sử dụng phá hủy như sau 86 Ngoài vòng lặp 14, bạn có thể sử dụng phương thức 15 của đối tượng bản đồ 87 Chuyển đổi các khóa hoặc giá trị bản đồ thành một mảngĐôi khi, bạn muốn làm việc với một mảng thay vì một đối tượng có thể lặp lại, trong trường hợp này, bạn có thể sử dụng toán tử trải rộng Ví dụ sau chuyển đổi các khóa cho từng phần tử thành một mảng các khóa 88 đầu ra 89 Và sau đây chuyển đổi các giá trị của các phần tử thành một mảng 0 đầu ra 1 Xóa một phần tử bằng phímĐể xóa một mục trong bản đồ, bạn sử dụng phương pháp 16 2 Xóa tất cả các yếu tố trong bản đồĐể xóa tất cả các mục trong đối tượng 5, bạn sử dụng phương thức 2 3 Do đó, kích thước của bản đồ bây giờ bằng không 4 Bản đồ yếuMột 19 tương tự như một 5 ngoại trừ các khóa của một 19 phải là các đối tượng. Điều đó có nghĩa là khi tham chiếu đến một khóa (một đối tượng) nằm ngoài phạm vi, giá trị tương ứng sẽ tự động được giải phóng khỏi bộ nhớ Một 19 chỉ có các phương thức tập hợp con của một đối tượng 5
Đây là sự khác biệt chính giữa 5 và 49
Trong hướng dẫn này, bạn đã học cách làm việc với đối tượng Bản đồ JavaScript và các phương thức hữu ích của nó để thao tác các mục trong bản đồ Làm cách nào để kiểm tra xem một đối tượng có chứa khóa trong JavaScript không?Cách kiểm tra xem đối tượng có khóa hay không trong JavaScript bằng Phương thức hasOwnProperty() . phương pháp của anh ấy khá giống với toán tử in. Nó nhận vào một chuỗi và sẽ trả về true nếu khóa tồn tại trong đối tượng và sai nếu không.
Làm cách nào để kiểm tra xem một khóa có tồn tại trong một mảng JavaScript không?Sử dụng hàm hasOwnProperty()
. Hàm này lấy khóa của đối tượng làm tham số và trả về kết quả Boolean tương ứng. |