Bảng tra: Các phương thức Mảng JavaScript
Tạo ra một Mảng mới từ Mảng hiện có:
['■','●','▲'].slice(1, 3) ⟼ ['●','▲']
['■','●','■'].filter(x => x==='■') ⟼ ['■','■']
['▲','●'].map(x => x+x) ⟼ ['▲▲','●●']
['▲','●'].flatMap(x => [x,x]) ⟼ ['▲','▲','●','●']
Tính toán tổng kết của Mảng:
['■','●','▲'].some(x => x==='●') ⟼ true
['■','●','▲'].every(x => x==='●') ⟼ false
['■','●','▲'].join('-') ⟼ '■-●-▲'
['■','●'].reduce((result,x) => result+x, '▲') ⟼ '▲■●'
['■','●'].reduceRight((result,x) => result+x, '▲') ⟼ '▲●■'
Thay đổi toàn bộ Mảng (Mảng đầu vào bị sửa đổi và trả về):
['■','●','▲'].fill('●') ⟼ ['●','●','●']
['■','●','▲'].reverse() ⟼ ['▲','●','■']
['■','●','■'].sort() ⟼ ['■','■','●']
Tìm các phần tử trong Mảng:
['■','●','■'].includes('■') ⟼ true
['■','●','■'].indexOf('■') ⟼ 0
['■','●','■'].lastIndexOf('■') ⟼ 2
['■','●','■'].find(x => x==='■') ⟼ '■'
['■','●','■'].findIndex(x => x==='■') ⟼ 0
Liệt kê các phần tử (phải sử dụng toán tử ...
vì các phương thức trả về các đối tượng có thể lặp lại):
[...['■','●','▲'].keys()] ⟼ [0,1,2]
[...['■','●','▲'].values()] ⟼ ['■','●','▲']
[...['■','●','▲'].entries()] ⟼ [[0,'■'],[1,'●'],[2,'▲']]
Thêm hoặc loại bỏ một phần tử ở một trong hai đầu của Mảng:
arr=['■','●']; arr.push('▲'); arr ⟼ ['■','●','▲']
arr=['■','●','▲']; arr.pop(); arr ⟼ ['■','●']
arr=['■','●']; arr.unshift('▲'); arr ⟼ ['▲','■','●']
arr=['▲','■','●']; arr.shift(); arr ⟼ ['■','●']
Hãy tham khảo bảng tóm tắt nhanh về các phương thức Mảng
Cuốn sách “JavaScript cho những lập trình viên không kiên nhẫn” của tôi chứa a comprehensive quick reference:
- Liệt kê tất cả các phương thức Mảng (một số phương thức đã bị bỏ qua trong bảng tra)
- Giải thích ngắn gọn
- Ví dụ mã
- Chữ ký của loại phương thức
Nguồn: https://gist.github.com/rauschma/6cdeb4af7586aa03baed2f925e0a084b
Cảm ơn bạn!