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 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.
Trong bài tập này, mình sẽ cùng nhau tìm hiểu về cách viết một hàm trong TypeScript 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. Mình sẽ tìm hiểu cách sử dụng các cấu trúc dữ liệu như Set hoặc các kỹ thuật duyệt và so sánh để loại bỏ các phần tử trùng lặp và tạo ra một mảng mới chỉ chứa các giá trị duy nhất.
Viết hàm Unique
Hàm Unique:
- Tạo một hàm
getUniqueValuesnhận vào một mảng. - Sử dụng TypeScript generics để xử lý các kiểu dữ liệu khác nhau của mảng.
- Sử dụng Set để loại bỏ các phần tử trùng lặp trong mảng và chuyển đổi nó trở lại thành mảng.
Sử dụng hàm Unique
Tạo mảng:
- Tạo một mảng với các giá trị tùy ý, ví dụ:
arr = [1, 2, 2, 3, 4, 4, 5].
Gọi hàm getUniqueValues:
- Gọi hàm
getUniqueValuesvới 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ử duy nhất trong mảng ban đầu.
function getUniqueValues<T>(arr: T[]): T[] {
return Array.from(new Set(arr));
}
const arr = [1, 2, 2, 3, 4, 4, 5];
const uniqueValues = getUniqueValues(arr);
console.log(uniqueValues); // Kết quả: [1, 2, 3, 4, 5]
getUniqueValues Function:
- Hàm này nhận vào một mảng và sử dụng Set để loại bỏ các phần tử trùng lặp.
- Sử dụng
Array.fromđể chuyển đổi lại thành mảng.
Sử dụng hàm getUniqueValues:
- Tạo một mảng arr có chứa các phần tử trùng lặp.
- Gọi hàm
getUniqueValuesvới mảng này. - Kết quả được in ra là một mảng mới chỉ chứa các phần tử duy nhất từ mảng ban đầu.
Hàm getUniqueValues là một công cụ hữu ích để lọc ra các phần tử duy nhất từ một mảng trong TypeScript. Việc sử dụng Set là một cách hiệu quả để loại bỏ các phần tử trùng lặp. 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.
