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−
bước
Bướ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ụ 1
Trong 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 ra
Khi 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ụ 2
Trong 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 ra
Khi 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ụ 3
Trong 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ị
Trong bài viết này, hãy cho chúng tôi hiểu “khóa” và “giá trị” trong một mảng là gì & cũng xem xét các phương pháp khác nhau mà chúng tôi có thể lấy các cặp khóa-giá trị này
Mục lục
- Khóa và giá trị trong một mảng là gì?
- Các phương pháp khác nhau để có được các cặp khóa-giá trị
- Hỗ trợ trình duyệt
Khóa và giá trị trong một mảng là gì?
Các khóa là các chỉ mục và các giá trị là các phần tử của một mảng kết hợp. Các mảng kết hợp về cơ bản là các đối tượng trong JavaScript nơi các chỉ mục được thay thế bằng các khóa do người dùng xác định. Chúng không có thuộc tính độ dài như một mảng bình thường và không thể duyệt qua bằng cách sử dụng vòng lặp for thông thường
Đây là một ví dụ về một mảng kết hợp
var arr = { "one": 1, "two": 2, "three": 3 };
Không giống như các mảng đơn giản, chúng tôi sử dụng dấu ngoặc nhọn thay vì dấu ngoặc vuông. Nội dung hoặc giá trị của mảng kết hợp được truy cập bằng các phím
Trong mảng trên, một, hai & ba là khóa và 1, 2 & 3 là giá trị. Chúng có thể được lấy riêng lẻ bằng cách sử dụng các phương thức keys[] & values[] như hình bên dưới
________số 8Các phương pháp khác nhau để có được các cặp khóa-giá trị
Bây giờ chúng ta đã biết cách lấy các khóa và giá trị trong một mảng, chúng ta hãy xem xét các phương thức khác nhau để lấy các cặp khóa-giá trị
Trước tiên chúng ta hãy lưu trữ các khóa và giá trị được trích xuất trước đó trong các mảng riêng biệt
var keys = ["one", "two", "three"];
var values = [1, 2, 3];
Phương pháp 1. Sử dụng một đối tượng để lưu trữ các cặp khóa => giá trị
Trong phương thức này, chúng tôi lưu trữ các phần tử từ mảng “key” & các giá trị tương ứng từ mảng “value” bằng cách sử dụng mảng kết hợp "obj"
let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue;0
Phương pháp 2. Sử dụng phương thức map[]
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 của loại 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 duyệt qua đối tượng bản đồ, nó trả về cặp khóa, giá trị theo thứ tự như đã chèn
Bạn có thể chỉ cần sử dụng ký hiệu dấu chấm [
let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue;3] để thêm một cặp khóa/giá trị hoặc một thuộc tính vào một đối tượng JavaScript
Hãy thử ví dụ sau để hiểu cơ bản nó hoạt động như thế nào
let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue;1
Ngoài ra, bạn cũng có thể sử dụng ký hiệu dấu ngoặc vuông [
let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue;4] để thêm cặp khóa/giá trị vào đối tượng JavaScript. Ví dụ sau tạo ra kết quả giống như ví dụ trước
let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue;2
Ưu điểm của việc sử dụng ký hiệu dấu ngoặc vuông là bạn có thể thay thế khóa bên trong dấu ngoặc vuông bằng một biến để tự động gán khóa hoặc tên thuộc tính cho một đối tượng