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 cách khai báo biến trong Javascript 
Các sự kiện (Event) 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 Biến đổi mảng với hàm Transform trong TypeScript
Trong loạt bài tập này, mình sẽ mình về cách sử dụng hàm transform để biến đổi mảng trong TypeScript. Mình sẽ tìm hiểu về cách áp dụng các phương pháp như map() để tạo ra một mảng mới dựa trên việc biến đổi từng phần tử theo một quy luật xác định.
Viết hàm Transform
Hàm Transform:
- Viết một hàm transformArray nhận một mảng và một hàm transform.
- Sử dụng TypeScript generics để đảm bảo linh hoạt trong việc truyền các kiểu dữ liệu.
- Áp dụng hàm transform lên từng phần tử trong mảng và tạo một mảng mới chứa các kết quả.
Sử dụng hàm Transform
Tạo mảng và hàm Transform:
- Tạo một mảng các phần tử với kiểu dữ liệu tùy ý, ví dụ:
numbers = [1, 2, 3, 4, 5]. - Viết một hàm transform đơn giản, ví dụ:
function double(num: number) { return num * 2; }.
Sử dụng hàm transformArray:
- Gọi hàm
transformArrayvới mảng và hàm transform đã tạo. - In ra kết quả để xem mảng mới sau khi áp dụng hàm
transform.
function transformArray<T, U>(arr: T[], transform: (item: T) => U): U[] {
return arr.map(transform);
}
const numbers = [1, 2, 3, 4, 5];
function double(num: number) {
return num * 2;
}
const doubledNumbers = transformArray(numbers, double);
console.log(doubledNumbers); // Kết quả: [2, 4, 6, 8, 10]
transformArray Function:
- Hàm này nhận một mảng và một hàm transform.
- Sử dụng phương thức map của mảng để áp dụng hàm
transformlên từng phần tử và trả về một mảng mới với các kết quả sau khi biến đổi.
Sử dụng Hàm transformArray:
- Tạo một mảng
numbers. - Tạo hàm double để nhân mỗi phần tử trong mảng với 2.
- Gọi hàm
transformArrayvới mảng numbers và hàm double. - Kết quả được in ra là một mảng mới sau khi áp dụng hàm transform.
Việc sử dụng generics và phương thức map giúp tạo ra một hàm có khả năng biến đổi mảng dễ dàng và linh hoạt. Hãy thử nghiệm và mở rộng chức năng của hàm này để hiểu rõ hơn về cách TypeScript xử lý kiểu dữ liệu mảng và generics.
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.
