Bộ dữ liệu TypeScript
Mảng được gõ
Tuple là một mảng được định kiểu với độ dài và kiểu được xác định trước cho mỗi chỉ mục.
Các bộ dữ liệu rất tuyệt vời vì chúng cho phép mỗi phần tử trong mảng trở thành một loại giá trị đã biết.
Để xác định một bộ dữ liệu, hãy chỉ định loại của từng phần tử trong mảng:
Ví dụ
// define our tuple
let ourTuple: [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding God was here'];
Hãy tự mình thử »Như bạn có thể thấy, chúng ta có một số, boolean và một chuỗi. Nhưng điều gì sẽ xảy ra nếu chúng ta cố gắng sắp xếp chúng theo thứ tự sai:
Ví dụ
// define our tuple
let ourTuple: [number, boolean, string];
// initialized incorrectly which throws an error
ourTuple = [false, 'Coding God was mistaken', 5];
Hãy tự mình thử » Mặc dù chúng ta có boolean
, string
và number
nhưng thứ tự vẫn quan trọng trong bộ dữ liệu của chúng ta và sẽ gây ra lỗi.
Bộ dữ liệu chỉ đọc
Một cách thực hành tốt là làm cho bộ dữ liệu của bạn readonly
.
Các bộ dữ liệu chỉ có các kiểu được xác định rõ ràng cho các giá trị ban đầu:
Ví dụ
// define our tuple
let ourTuple: [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding God was here'];
// We have no type safety in our tuple for indexes 3+
ourTuple.push('Something new and wrong');
console.log(ourTuple);
Hãy tự mình thử »Bạn thấy các valueTuples mới chỉ có các loại được xác định rõ ràng cho các giá trị ban đầu:
Ví dụ
// define our readonly tuple
const ourReadonlyTuple: readonly [number, boolean, string] = [5, true, 'The Real Coding God'];
// throws error as it is readonly.
ourReadonlyTuple.push('Coding God took a day off');
Hãy tự mình thử » Để tìm hiểu thêm về các công cụ sửa đổi truy cập như readonly
hãy truy cập phần của chúng tôi về chúng tại đây: Lớp TypeScript .
Nếu bạn đã từng sử dụng React trước đây thì rất có thể bạn đã làm việc với các bộ dữ liệu.
useState
trả về một bộ giá trị và một hàm setter.
const [firstName, setFirstName] = useState('Dylan')
là một ví dụ phổ biến.
Do cấu trúc, chúng tôi biết giá trị đầu tiên trong danh sách của chúng tôi sẽ là một loại giá trị nhất định trong trường hợp này là string
và giá trị thứ hai là function
.
Được chứng nhận!
$45 ĐĂNG KÝ
Bộ dữ liệu được đặt tên
Các bộ dữ liệu được đặt tên cho phép chúng tôi cung cấp ngữ cảnh cho các giá trị của chúng tôi tại mỗi chỉ mục.
Ví dụ
const graph: [x: number, y: number] = [55.2, 41.3];
Các bộ dữ liệu được đặt tên cung cấp thêm ngữ cảnh cho những gì các giá trị chỉ mục của chúng tôi thể hiện.
Phá hủy các bộ dữ liệu
Vì bộ dữ liệu là mảng nên chúng ta cũng có thể hủy cấu trúc chúng.
Ví dụ
const graph: [number, number] = [55.2, 41.3];
const [x, y] = graph;
Để xem xét việc phá hủy, hãy kiểm tra nó ở đây .