Array method

Ngôn ngữ nào cũng vậy, phải nắm những chức năng quan trọng để giải quyết nhanh hơn chứ không riêng gì về javascript. Array là một phần không thể thiếu trong các dự án javascript, vì vậy hôm nay mình xin giới thiệu một số array methods phổ biến thường dùng sau đây những method mình cảm thấy là nó phổ biến, hay dùng, nên muốn chia sẻ cho anh em nào đang bắt đầu học javascript

1, Array.from

Có thể để hỗ trợ cho map(). filter()... Cho phép bạn tạo các array từ một kiểu dữ liệu khác

2. filter()

• filter() dùng để lọc ra các phần tử trong mảng thoả mãn một điều kiện nào đó
• filter() KHÔNG làm thay đổi mảng ban đầu
• filter() trả về 1 mảng mới sau khi lọc
• filter() trả về một mảng RỖNG nếu không có phần tử nào thỏa mãn điều kiện
• Cú pháp

var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])

3. find()

find() cũng dùng để lọc phần tử trong mảng, tuy nhiên nó sẽ trả về giá trị ĐẦU TIÊN tìm thấy ở trong mảng hoặc có thể trả về undefined nếu không tìm thấy

• find() KHÔNG làm thay đổi mảng ban đầu
• Cú pháp

arr.find(callback(element[, index[, array]])[, thisArg])

4. forEach()

• forEach() dùng để duyệt qua từng phần tử của mảng
• forEach() trả về undefined
• Cú pháp

arr.forEach(function callback(currentValue[, index[, array]]) {
    // your iterator
}[, thisArg]);

5. includes()

Đây là method mới trong ES6

• includes() kiểm tra xem phần tử đã cho có tồn tại trong mảng hay không
• includes() KHÔNG làm thay đổi mảng ban đầu
• includes() trả về kiểu Boolean: true nếu tìm thấy hoặc false nếu không tìm thấy
• Cú pháp

arr.includes(valueToFind[, fromIndex])

6. indexOf()

• indexOf() dùng để tìm kiếm vị trí của phần tử trong mảng
• indexOf() KHÔNG làm thay đổi mảng ban đầu
• indexOf() trả về giá trị index ĐẦU TIÊN của mảng nếu phần tử tồn tại trong mảng
• indexOf() trả về -1 nếu phần tử không tồn tại trong mảng
• Cú pháp

arr.indexOf(searchElement[, fromIndex])

7. map()

map() giúp tạo ra một mảng mới với các phần tử là kết quả từ việc thực thi một hàm lên TỪNG PHẦN TỬ của mảng ban đầu

• map() KHÔNG làm thay đổi mảng ban đầu
• Cú pháp

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
    // return element for new_array
}[, thisArg])

8 Array.of javascript

Có thể hiểu nôm na là khi truyền vào một số đơn, sẽ tạo giá trị đó như một element trong array, thay vì tạo ra số lượng các element đó.

9. reduce()

có thể nói đây là 1 method quan trọng như kiểu anh cả của các method còn lại, bởi vì nó có thể giúp chúng ta rất nhiều :

• làm phẳng mảng
• thay thế cho filter
• tính tổng
• nối mảng
• …...
• reduce() dùng để thực thi một hàm lên từng phần tử của mảng (từ trái sang phải) với một biến tích lũy để thu về một giá trị duy nhất
• reduce() KHÔNG làm thay đổi mảng ban đầu reduce() trả về giá trị sau khi rút gọn
• Cú pháp

arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

10. sort()

Mặc định các phần tử sẽ được sắp xếp theo bảng chữ cái với thứ tự tăng dần.

• sort() CÓ làm thay đổi mảng ban đầu
• sort() trả về mảng sau khi được sắp xếp
• Cú pháp

arr.sort([compareFunction])

Kết luận :

những methods trên là những methods khá thông dụng và được sử dụng nhiều của mình, mọi người hãy để lại ý kiến riêng của bản thân để giúp mình hoàn thiện hơn nhé !

good luck for you