Chuỗi thành cặp khóa/giá trị javascript

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

//to get values
for (let value of Object.values(arr)) {
    alert(value);
}
//Output: 1, 2, 3

//to get keys
for (let value of Object.values(arr)) {
    alert(value);
}
//Output: one, two, three

Cá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"

// create object
var obj = {};

// Loop to insert key & value in this object one by one
for (var i = 0; i < keys.length; i++) {
    obj[keys[i]] = values[i];

} 

// output can be displayed as : one => 1  two => 2 three => 3

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 đánh máy đưa ra các chức năng có thể được sử dụng để viết tập lệnh. Cặp khóa-giá trị là một chức năng tuyệt vời trong cách tiếp cận lập trình hướng đối tượng có thể được sử dụng trong Bản mô tả để tạo giá trị. Các cặp khóa-giá trị này trong Bản mô tả có trong Đối tượng Bản mô tả. Các giá trị có thể là hàm, một mảng đối tượng, v.v.

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (82.579 xếp hạng)

Chúng tôi cũng có thể thêm một cặp khóa-giá trị mới vào một bản ghi và có thể sử dụng giá trị hơn nữa. Cấu trúc dữ liệu Bản đồ trong Bản mô tả cũng lưu trữ giá trị trong cặp Khóa-Giá trị và duy trì thứ tự chèn giúp viết kịch bản dễ dàng hơn. Chúng ta có thể sử dụng bất kỳ giá trị nào trong cặp giá trị Khóa có thể là khóa hoặc giá trị được liên kết với nó

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

cú pháp

Cú pháp cho Cặp giá trị khóa bản mô tả là. -

var item: {[key: string]: number}

Nó dựa trên ánh xạ cặp khóa-giá trị i. e

Cặp giá trị khóa TypeScript đang hoạt động

Hãy để chúng tôi cố gắng hiểu hoạt động của cặp Khóa-Giá trị

Một cặp khóa-giá trị dựa trên cấu trúc của Khóa và giá trị i. Bước đầu tiên là lưu trữ giá trị khóa và sau đó liên kết giá trị của nó trong thẻ Giá trị. Điều này được thực hiện với sự trợ giúp của API nơi chúng tôi có các phương thức được đặt và nhận khóa để lưu trữ khóa. Khi đã xong, chúng ta chỉ cần xác định bộ lưu trữ khóa-giá trị lưu trữ các cặp giá trị Khóa-> thực tế

Khi một Khóa cụ thể được gọi, các giá trị tương ứng sẽ được tìm nạp và trả về tập lệnh

Thí dụ

let indexedArray1: {[key: string]: number} = {
foo: 123,
bar: 456
}
console.log(indexedArray1['foo'])
console.log(indexedArray1.foo)

Điều này sẽ nhận được giá trị của khóa foo và sẽ in giá trị của nó trong bảng điều khiển

đầu ra

Bản đồ là một cấu trúc dữ liệu được giới thiệu trong ES6 cho phép chúng tôi lưu trữ cặp khóa-giá trị

Nó cũng nhớ thứ tự chèn ở đây. Nó có một số phương thức giúp người dùng làm việc với chức năng khóa-giá trị

Bản đô. bộ (chìa khóa), bản đồ. lấy (chìa khóa), bản đồ. has(key) là một số phương pháp thành thạo được sử dụng

Chúng ta sẽ thấy một số ví dụ về điều này sau trong phần này

Chúng ta cũng có thể lưu trữ cặp khóa-giá trị trong đối tượng Đối tượng. Chỉ cần truy cập các giá trị đối tượng sẽ cho kết quả mong muốn

Thí dụ

var demo = {
name:"Tom",
address:"UK"
};
console.log(demo.name)
console.log(demo.address)

đầu ra

Thí dụ

Hãy cho chúng tôi xem một số Ví dụ về các cặp Khóa-giá trị trong Bản mô tả

Tạo một bản đồ TypeScript

Đặt các giá trị trong Bản đồ

let mp = new Map([
["k1", "v1"],
["k2", "v2"] ]);

Chúng ta cũng có thể thiết lập các giá trị bằng các phương thức mà phương thức Map cung cấp

Chỉ cần chúng ta khởi tạo map và sử dụng phương thức set của Map

Mã số

________số 8

Đầu ra mã

Ở đây chúng tôi đang sử dụng phương thức set để đặt khóa và giá trị trong Bản đồ

Một phương thức get trên bảng điều khiển sẽ được yêu cầu truy xuất cặp Khóa-Giá trị

Chúng ta cũng có thể kiểm tra xem key có tồn tại hay không bằng cách sử dụng hàm has(). Hàm has() kiểm tra xem cặp khóa-giá trị có tồn tại hay không và trả về giá trị Boolean true false cho cùng

Mã số

let mp = new Map();
mp.set('1','Annad');
mp.set('2','Hello India');
mp.set('3',"setting the values");
console.log(mp.has(1))
console.log(mp.has('1'))

đầu ra

Kích thước này có thể được kiểm tra bằng. chức năng kích thước

//to get values
for (let value of Object.values(arr)) {
    alert(value);
}
//Output: 1, 2, 3

//to get keys
for (let value of Object.values(arr)) {
    alert(value);
}
//Output: one, two, three

đầu ra

Đây là các hoạt động khác nhau liên quan đến các cặp khóa-giá trị trong Bản mô tả

Chúng ta cũng có thể sử dụng. chức năng xóa để xóa bất kỳ khóa cụ thể nào và giá trị tương ứng cũng vậy

//to get values
for (let value of Object.values(arr)) {
    alert(value);
}
//Output: 1, 2, 3

//to get keys
for (let value of Object.values(arr)) {
    alert(value);
}
//Output: one, two, three

Thao tác xóa trả về giá trị Boolean Đúng/Sai dựa trên quá trình xử lý mà nó thực hiện

Từ đây, chúng ta đã thấy cách hoạt động của một không gian tên trong Typescript

Quy tắc và Quy định cho khóa-giá trị

Hãy để chúng tôi xem qua các quy tắc và quy định cần thiết cho Cặp khóa-giá trị trong Bản mô tả

1. Sử dụng Bản đồ bản in để lưu trữ cặp khóa-giá trị
2. Gọi đối tượng bằng khóa sẽ trả về giá trị cho cặp cụ thể đó
3. Chúng tôi cũng có thể lưu trữ nhiều giá trị trong một khóa
4. Thứ tự chèn được giữ nguyên trong giá trị TypeScript Map Key
5. Nó có các phương thức mà chúng ta có thể đặt, nhận và xóa bất kỳ cặp khóa-giá trị nào
6. Việc lặp lại một mục chính cũng được phép áp dụng tương tự đối với các giá trị
7. Chữ ký chỉ mục cũng có thể được sử dụng để truy cập bất kỳ Cặp khóa-giá trị nào
8. Nó cung cấp một mô hình Type-Safe

Từ bài viết trên, chúng ta đã thấy quy tắc tìm nạp và viết một cặp khóa-giá trị

Sự kết luận

Từ bài viết trên, chúng ta đã thấy việc sử dụng Key-Value Pair trong Typescript. Từ các ví dụ và phân loại khác nhau, chúng tôi đã cố gắng hiểu cách thức hoạt động của hàm Key-Value trong Typescript và những gì được sử dụng ở cấp độ lập trình. Chúng tôi cũng đã thấy hoạt động bên trong và những lợi thế của việc có một cặp Khóa-Giá trị mà chúng tôi đang xác định cho các mục đích lập trình khác nhau. Ngoài ra, cú pháp và các ví dụ đã giúp chúng tôi hiểu rất chính xác hàm

Bài viết được đề xuất

Đây là hướng dẫn về cặp giá trị Khóa TypeScript. Ở đây chúng tôi thảo luận về định nghĩa, cú pháp, phương pháp và ví dụ với việc triển khai mã. Bạn cũng có thể xem qua các bài viết liên quan khác của chúng tôi để tìm hiểu thêm –

Cặp giá trị khóa trong JavaScript là gì?

Khóa có thể là chuỗi trong JavaScript không?

Chúng ta có thể lặp một đối tượng giống như các cặp giá trị chính không?

Khóa đối tượng JavaScript có thể là số không?