Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..) 
Chia lấy phần dư / chia lấy phần nguyên trong javascript 
Các sự kiện (Event) trong Javascript 
Các cách khai báo biến trong Javascript 
Hướng tạo thanh search bar bằng CSS 
Hàm array.slice() trong Javascript 
Tính tổng hai số bằng Javascript (cộng hai số) 
Cách khai báo biến trong PHP, các loại biến thường gặp 
Download và cài đặt Vertrigo Server 
Thẻ li trong HTML 
Thẻ article trong HTML5 
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên 
Cách dùng thẻ img trong HTML và các thuộc tính của img 
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng Viết một hàm nhận vào một tuple và sử dụng destructuring để trích xuất các phần tử từ tuple trong TypeScript.
Kiểu dữ liệu tuple cho phép lưu trữ một số lượng cố định các phần tử, mỗi phần tử có thể có kiểu dữ liệu khác nhau. Khi kết hợp với destructuring, mình có thể dễ dàng trích xuất giá trị từ các tuple một cách linh hoạt. Trong bài tập này, mình sẽ thực hành việc sử dụng destructuring với tuple trong TypeScript.
Sử dụng destructuring với tuple
Mình sẽ viết một hàm extractDataFromTuple nhận vào một tuple chứa thông tin về một người gồm tên, tuổi và nghề nghiệp. Sau đó, sử dụng destructuring để trích xuất các phần tử từ tuple đó.
function extractDataFromTuple(personInfo: [string, number, string]): void {
const [name, age, profession] = personInfo;
console.log(`Name: ${name}, Age: ${age}, Profession: ${profession}`);
}
// Sử dụng hàm với một tuple chứa thông tin của một người
const personInfo: [string, number, string] = ["John Doe", 30, "Developer"];
extractDataFromTuple(personInfo);
Chúng ta bắt đầu bằng việc khai báo hàm extractDataFromTuple, nhận vào một tuple có ba phần tử tương ứng với tên, tuổi và nghề nghiệp của một người.
const [name, age, profession] = personInfo;: Sử dụng destructuring để trích xuất các giá trị từ tuplepersonInfovà gán chúng vào các biếnname,age,profession.console.log(Name: ${name}, Age: ${age}, Profession: ${profession});: Hiển thị thông tin đã trích xuất từ tuple ra màn hình.
Khi chạy đoạn mã với một tuple chứa thông tin của một người, kết quả sẽ hiển thị tên, tuổi và nghề nghiệp của người đó.
Name: John Doe, Age: 30, Profession: Developer
Bài tập này đã giúp bạn thực hành việc sử dụng destructuring với tuple trong TypeScript. Qua đó, bạn có thể hiểu cách sử dụng destructuring để trích xuất dữ liệu từ các cấu trúc dữ liệu đa dạng. Nếu có bất kỳ thắc mắc nào, đừng ngần ngại hỏi!
Bài giải
-------------------- ######## --------------------
Câu hỏi thường gặp liên quan:
- Lọc phần tử theo điều kiện từ một mảng trong TypeScript
- Biến đổi mảng với hàm Transform trong TypeScript
- Hàm Reduce trên mảng với một hàm accumulator trong TypeScript.
- Gộp hai mảng trong TypeScript
- Viết một hàm nhận vào một mảng và trả về một mảng mới chỉ chứa các phần tử duy nhất trong TypeScript.
- Tạo một hàm nhận vào một tuple và sử dụng rest parameters trong TypeScript
- Viết một hàm nhận vào một tuple và một mảng, trả về một tuple mới chứa các phần tử của tuple cũ trong TypeScript
- Tạo một tuple chứa các key của một object và một tuple chứa các giá trị tương ứng trong TypeScript
- Viết một hàm nhận vào một tuple và sử dụng destructuring để trích xuất các phần tử từ tuple trong TypeScript.
