1. Thêm/Xóa phần tử linh hoạt (Splice)
Phương thức `splice()` là một trong những phương thức mạnh nhất nhưng cũng dễ nhầm lẫn nhất. Nó vừa có thể thêm, vừa có thiết xóa phần tử tại bất kỳ vị trí nào.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// Xóa 2 phần tử từ vị trí index 2 và thêm "Lemon", "Kiwi"
fruits.splice(2, 2, "Lemon", "Kiwi");Lưu ý: `splice()` làm thay đổi mảng gốc.
—
2. Sắp xếp và Đảo ngược (Sort & Reverse)
- `sort()`: Sắp xếp mảng theo thứ tự bảng chữ cái. Để sắp xếp số, bạn cần một callback function `(a, b) => a – b`.
- `reverse()`: Đảo ngược thứ tự các phần tử.
—
3. Các phương thức “Immutable” mới (ES2023)
Điểm yếu của `sort()` hay `reverse()` là chúng thay đổi mảng gốc. JavaScript hiện đại đã bổ sung các phiên bản “an toàn” hơn, trả về một mảng mới mà không đụng vào mảng cũ:
- `toSorted()`: Sắp xếp trả về mảng mới.
- `toReversed()`: Đảo ngược trả về mảng mới.
- `toSpliced()`: Cắt/Thêm trả về mảng mới.
—
4. Tìm kiếm nâng cao
Ngoài `find()`, chúng ta còn có:
- `findIndex()`: Trả về vị trí (index) của phần tử đầu tiên thỏa mãn điều kiện.
- `findLast()`: Tìm phần tử thỏa mãn điều kiện nhưng bắt đầu đếm từ cuối mảng. (ES2022)
- `copyWithin()`: Sao chép các phần tử mảng đến một vị trí khác trong chính mảng đó.
—
5. Phẳng hóa mảng (Flat)
Nếu bạn có một mảng lồng nhau (mảng trong mảng), `flat()` giúp bạn “là phẳng” chúng thành một mảng duy nhất.
const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat(); // [1, 2, 3, 4, 5, 6]—
Lời kết Tập 4
Với bộ công cụ xử lý mảng này, không có cấu trúc dữ liệu nào có thể làm khó bạn. Trong Tập 5, chúng ta sẽ khám phá các phương thức xử lý Dates và Objects Reference.
Hẹn gặp lại các bạn!
Leave a comment