Trung tâm cá nhân
sách gpt4 ăn đã đi

Hãy nói về các hàm bậc cao phổ biến trong Javascript

In lại Tác giả: qq735679552 Thời gian cập nhật: 29-09-2022 22:32:09 28 4
mua khóa gpt4 giày nike

CFSDN nhấn mạnh vào giá trị tạo ra nguồn mở và chúng tôi cam kết xây dựng nền tảng chia sẻ tài nguyên để mọi nhân viên CNTT có thể tìm thấy thế giới tuyệt vời của bạn tại đây.

Bài viết trên blog CFSDN này nói về các hàm bậc cao phổ biến trong Javascript được tác giả sưu tầm và biên soạn. Nếu các bạn quan tâm đến bài viết này thì nhớ like nhé.

Hãy nói về các hàm bậc cao phổ biến trong Javascript

Hàm bậc cao hơn, tiếng Anh gọi là hàm bậc cao hơn. Một hàm có thể nhận một hàm khác làm tham số, hàm này được gọi là hàm bậc cao hơn.

Ví dụ:

  1. chức năng thêm vào(x, y, f) { 
  2.  trở lại f(x) + f(y); 
  3. } 
  4.  
  5. // Xác minh nó bằng mã: 
  6. thêm vào(-5, 6, Toán.bụng); // 11 

1. Các hàm bậc cao thông dụng

Một số phương thức mới đã được thêm vào mảng trong ES6, trong đó ánh xạ, rút ​​gọn và lọc đều là các hàm bậc cao. Ngoài ra, sắp xếp thông thường cũng là một hàm bậc cao. Ba phương pháp mới lần lượt được giới thiệu.

1.1、bộ lọc

filter là lọc mảng, trả về dữ liệu thỏa mãn điều kiện, tạo thành mảng mới rồi trả về, dữ liệu không đáp ứng điều kiện sẽ bị loại bỏ.

Ví dụ 1: Lấy dữ liệu nhỏ hơn 100 trong mảng đưa vào mảng mới.

  1. hãy để grad = [ 102, 188, 55, 66, 200, 800 ] 
  2. hãy để arr2 = grad.filter( chức năng(mục){ 
  3.  trở lại mục <= 100 
  4. }) 
  5. console.log("mảng2",arr2)// 55, 66 

Trong ví dụ trên, tham số được truyền vào bởi bộ lọc là một hàm. Hàm được truyền lần lượt tác động lên từng phần tử và sau đó xác định xem nên giữ lại hay loại bỏ phần tử đó dựa trên giá trị trả về là đúng hay sai. Vì chỉ có 55 và 66 thỏa mãn điều kiện nên mảng mới chỉ còn 2 phần tử này.

1.2、bản đồ

bản đồ có nghĩa là bản đồ.

Mảng ban đầu được ánh xạ tới một mảng mới và giá trị trả về là một mảng mới mà không thay đổi mảng ban đầu. Độ dài của mảng mới và mảng ban đầu sẽ không thay đổi.

Ví dụ 2: Khuếch đại mỗi phần tử của dữ liệu lên 2 lần.

  1. hãy để arr2 = [ 55, 66 ] 
  2. hãy để arr3 = arr2.map( mục => { 
  3.  trở lại mục*2 
  4. }) 
  5. //kết quả trả về [110, 132] 

Trong ví dụ trên, tham số mà bản đồ nhận được là một hàm, lần lượt tác động lên từng phần tử, phóng đại phần tử đó lên 2 lần và cũng có thể thực hiện bất kỳ thao tác phức tạp nào trên đó.

1.3、giảm

Giảm tóm tắt mảng, thường nhập một mảng và xuất ra dưới dạng dữ liệu. Thường được sử dụng để tính tổng và tính trung bình.

Ví dụ 3: Tính tổng kết quả trả về của ví dụ trước.

  1. cho phép tổng hợp = arr3.reduce((tmp, mục)=>{ 
  2.  trở lại tmp+mục 
  3. }) 
  4. // trả về kết quả 242 

Vấn đề là ở đây, nếu chúng ta muốn hợp nhất ba ví dụ trên và thực hiện chúng cùng nhau, thì cuối cùng chúng ta có thể thực hiện nó đơn giản đến mức nào?

  1. // Viết phức tạp 
  2. hãy để grad = [102,188,55,66,200,800] 
  3. hãy để arr2 = grad.filter(chức năng(mục){ 
  4.  trở lại mục <= 100 
  5. }) 
  6. hãy để arr3 = arr2.map(item=>{ 
  7.  trở lại mục*2 
  8. }) 
  9. cho phép tổng hợp = arr3.reduce((tmp, mục)=>{ 
  10.  trở lại tmp+mục 
  11. }) 
  12.  
  13. //Phương pháp viết đơn giản 
  14. hãy để tổng2 = grad 
  15.            .filter(mục => {trở lại mục <= 100}) 
  16.           .bản đồ(mục=>{trở lại mục*2}) 
  17.           .reduce((tmp, mục)=>{trở lại tmp+mục}) 

Link gốc: https://www.toutiao.com/a7005124973257851424/.

Cuối cùng, bài viết về các hàm bậc cao phổ biến trong Javascript kết thúc tại đây. Nếu bạn muốn biết thêm về các hàm bậc cao phổ biến trong Javascript, vui lòng tìm kiếm bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. tương lai! .

28 4 0
Đề xuất bài viết: Người phỏng vấn: Hãy cho tôi biết hiểu biết của bạn về generics trong TypeScript? Kịch bản ứng dụng?
Đề xuất bài viết: Làm cách nào để gỡ bỏ hoàn toàn trình duyệt Edge đi kèm hệ thống trên máy tính Win10?
Đề xuất bài viết: Hiberfil.sys có thể xóa được không? Cách xóa file hiberfil.sys trong hệ thống win10
Đề xuất bài viết: Giải pháp chia sẻ mạng không tìm được đường dẫn mạng
qq735679552
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress