Tiếp theo là Bài 19 – Các phương thức nâng cao của mảng (Array). Đây là phần giúp bạn xử lý danh sách dữ liệu một cách linh hoạt và hiệu quả hơn trong JavaScript.
1. includes() – Kiểm tra phần tử có trong mảng hay không
let fruits = ["Táo", "Cam", "Chuối"]
console.log(fruits.includes("Cam")) // true
console.log(fruits.includes("Lê")) // false
2. indexOf() – Tìm vị trí phần tử
let names = ["An", "Bình", "Chi"]
console.log(names.indexOf("Bình")) // 1
console.log(names.indexOf("Dũng")) // -1 (không tồn tại)
3. push() – Thêm phần tử vào cuối mảng
let nums = [1, 2, 3]
nums.push(4)
console.log(nums) // [1, 2, 3, 4]
4. pop() – Xoá phần tử cuối và trả về phần tử bị xoá
let nums = [1, 2, 3]
let last = nums.pop()
console.log(last) // 3
console.log(nums) // [1, 2]
5. shift() – Xoá phần tử đầu tiên
let colors = ["Đỏ", "Vàng", "Xanh"]
colors.shift()
console.log(colors) // ["Vàng", "Xanh"]
6. unshift() – Thêm phần tử vào đầu mảng
let colors = ["Xanh", "Vàng"]
colors.unshift("Đỏ")
console.log(colors) // ["Đỏ", "Xanh", "Vàng"]
7. Kết hợp các phương thức
let list = []
list.push("A") // ["A"]
list.push("B") // ["A", "B"]
list.unshift("Start") // ["Start", "A", "B"]
list.pop() // ["Start", "A"]
list.shift() // ["A"]
8. Giao diện học (code + output)
| Phương thức | Kết quả |
|---|---|
includes("X") | true / false |
indexOf("Bình") | Vị trí hoặc -1 nếu không có |
push(5) | Thêm vào cuối |
pop() | Xoá cuối và trả về phần tử |
shift() | Xoá phần tử đầu tiên |
unshift("Đầu") | Thêm vào đầu |
Tóm tắt bài 19
Bạn đã học:
- Kiểm tra có trong mảng bằng
includes() - Tìm vị trí phần tử bằng
indexOf() - Thêm/xoá phần tử bằng
push,pop,shift,unshift - Hiểu cách mảng thay đổi theo các thao tác
Bài tập
- Tạo mảng rỗng, thêm 3 tên bằng
push() - Kiểm tra xem
"Trang"có trong mảng không - Xoá phần tử đầu tiên và cuối cùng → in ra kết quả
- Thêm một phần tử vào đầu mảng → in mảng mới
Thảo luận