Gộp hai mảng trong TypeScript
Trong bài tập này, mình sẽ cùng nhau tìm hiểu về cách gộp hai mảng trong TypeScript. Mình sẽ tìm hiểu các phương pháp và kỹ thuật để nối hai mảng lại với nhau, từ việc sử dụng các phương thức có sẵn như concat() trong TypeScript đến việc sử dụng các toán tử hoặc phương thức tạo mảng mới để thực hiện việc này.
Viết hàm gộp hai mảng
Hàm gộp mảng:
- Tạo một hàm
mergeArrays
nhận vào hai mảng. - Sử dụng TypeScript generics để xử lý các kiểu dữ liệu khác nhau của mảng.
- Gộp hai mảng lại với nhau và trả về một mảng mới chứa tất cả các phần tử từ hai mảng được nhập vào.
Sử dụng hàm gộp mảng
Tạo hai mảng:
- Tạo hai mảng với các giá trị tùy ý, ví dụ:
arr1 = [1, 2, 3] và arr2 = [4, 5, 6].
Gọi hàm mergeArrays:
- Gọi hàm
mergeArrays
với hai mảng đã tạo. - Lưu kết quả trả về vào một mảng mới.
In ra mảng mới để xem các phần tử đã được gộp từ hai mảng ban đầu.
function mergeArrays<T>(arr1: T[], arr2: T[]): T[] { return [...arr1, ...arr2]; } const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const mergedArray = mergeArrays(arr1, arr2); console.log(mergedArray); // Kết quả: [1, 2, 3, 4, 5, 6]
mergeArrays Function:
- Hàm này nhận vào hai mảng và sử dụng toán tử
spread (...)
để gộp các phần tử của hai mảng lại với nhau. - Sử dụng TypeScript generics để xử lý các kiểu dữ liệu khác nhau của mảng.
Sử dụng hàm mergeArrays:
- Tạo hai mảng
arr1
vàarr2
. - Gọi hàm
mergeArrays
với hai mảng này để gộp lại. - Kết quả được in ra là một mảng mới chứa tất cả các phần tử từ hai mảng ban đầu.
Phép gộp hai mảng lại với nhau là một trong những phép toán cơ bản và hữu ích trong việc xử lý dữ liệu. Việc sử dụng toán tử spread và generics trong TypeScript giúp cho việc thao tác với các kiểu dữ liệu khác nhau trở nên linh hoạt và dễ dàng hơn. 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.