Mẹo nhỏ: Để tìm kiếm chính xác các bài viết của Vuihecungchocopie.vn, hãy search trên Google với cú pháp: "Từ khóa" + "vuihecungchocopie". (Ví dụ: công thức giải rubik 3x3 vuihecungchocopie). Tìm kiếm ngay
10 lượt xem

Tìm hiểu về phương thức Reduce trong Javascript

Bạn đang xem: Tìm hiểu về phương thức Reduce trong Javascript Tại Vuihecungchocopie                        

Bạn đang quan tâm đến Tìm hiểu về phương thức Reduce trong Javascript phải không? Nào hãy cùng Vuihecungchocopie đón xem bài viết này ngay sau đây nhé, vì nó vô cùng thú vị và hay đấy!

Reduce là một phương thức tích hợp để thực thi một hàm trên các phần tử của mảng (từ trái sang phải) bằng cách sử dụng bộ tích lũy để nhận được một giá trị duy nhất. Nó là một phương pháp quan trọng thường được sử dụng trong lập trình hàm.

Cú pháp

Thông số

Gọi lại là một hàm, được thực thi cho từng phần tử, với 4 tham số: bộ tích lũy, giá trị hiện tại, chỉ số và mảng.

Bạn đang xem: Reduce javascript la gi

  • Bộ tích lũy Bộ tích lũy, được trả về sau mỗi lần gọi hàm gọi lại.
  • giá trị hiện tại Phần tử của mảng đang được xử lý.
  • index (tùy chọn) Chỉ số của phần tử trong mảng đang được xử lý.
  • Mảng (tùy chọn) gọi Reduce () trên mảng hiện tại.
  • giá trị ban đầu là giá trị của tham số đầu tiên (bộ tích lũy) của hàm gọi lại trong lần gọi hàm đầu tiên. Nếu giá trị này không được cung cấp, giá trị của phần tử đầu tiên của mảng sẽ được sử dụng.

    Giá trị trả về

    là giá trị của bộ tích lũy sau hàm gọi lại cuối cùng.

    Áp dụng

    Giả sử chúng ta có một mảng đại diện cho danh sách mua sắm của mình và chúng ta muốn tìm tổng chi phí của tất cả các phần tử, trong trường hợp này, chúng ta có thể sử dụng mảng giảm () js.

    Hãy lấy một ví dụ đơn giản về hàm Reduce () và xem nó hoạt động như thế nào.

    1. Trong ví dụ trên, tham số Reduce () là một hàm có hai tham số là tổng và giá trị hiện tại
    2. Hàm

    3. Reduce () lặp qua từng giá trị trong mảng, giống như trong vòng lặp for.
    4. Trong ví dụ cụ thể này, chúng tôi muốn thêm giá trị hiện tại vào tổng giá trị.
    5. Phép tính liên tục lặp lại cho từng giá trị trong mảng, nhưng mỗi khi giá trị hiện tại thay đổi thành giá trị tiếp theo trong mảng, nó sẽ di chuyển sang bên phải.
    6. Phương thức Reduce () trả về tổng giá trị khi không còn giá trị nào trong mảng.
    7. Cách hoạt động của

      Reduce () trong javascript.

      Xem mã bên dưới

      Tham số

      Reduce () là một hàm có 4 tham số. Bây giờ chúng ta hãy xem một bảng mô tả cho thấy những gì xảy ra ở mỗi lần lặp.

      Giá trị được trả về bởi

      ​​Reduce () sẽ là giá trị của lần gọi lại cuối cùng, là 30.

      Không chuyển giá trị ban đầu để giảm ()

      Nếu bạn không chuyển giá trị ban đầu, bộ giảm thiểu sẽ giả định giá trị đầu tiên trong mảng của bạn làm giá trị ban đầu. Điều này hoạt động tốt trong một số ví dụ vì chúng tôi thêm một danh sách các số.

      Đầu ra

      Xem thêm: cách tải nhạc về iphone 5s

      Trong ví dụ này, bạn có thể thấy rằng chúng tôi đã không chuyển giá trị ban đầu cho hàm Reduce (). Nó sẽ lấy phần tử đầu tiên làm giá trị ban đầu và bắt đầu giảm, đồng thời sẽ thêm tất cả các phần tử và trả về một giá trị duy nhất dưới dạng đầu ra.

      Chuyển giá trị ban đầu để giảm ()

      Nếu chúng ta chuyển giá trị ban đầu dưới dạng một tham số, nó sẽ tự đặt nó là giá trị đầu tiên và sau đó bắt đầu giảm.

      Đầu ra

      Trong ví dụ này, bạn có thể thấy rằng chúng tôi đã chuyển một giá trị ban đầu là 29 vào hàm Reduce (). Điều này có nghĩa là nó lấy 29 làm giá trị ban đầu và bắt đầu giảm và thêm tất cả các phần tử lên đến và bao gồm 29 và trả về một giá trị duy nhất dưới dạng đầu ra. Nếu bạn thấy nó trong đầu ra, thì bạn có thể xác minh rằng nó thêm 29 giá trị vào đầu ra cuối cùng.

      Giá trị trả về của hàm

      Reduce () được gán cho bộ tích lũy và giá trị của nó được giữ nguyên trong mỗi lần lặp lại của mảng và chắc chắn sẽ trở thành giá trị kết quả duy nhất cuối cùng.

      typeerror: Reduce () trên một mảng trống không có giá trị ban đầu.

      Nếu mảng trống và không có giá trị ban đầu nào được cung cấp, lỗi gõ sẽ được đưa ra.

      Đầu ra

      Nếu mảng chỉ có một phần tử và không có giá trị ban đầu hoặc giá trị ban đầu và mảng trống, giá trị trả về gọi lại không được gọi

      Đầu ra

      Chuyển đổi mảng 2D thành mảng 1D

      Chúng ta có thể sử dụng hàm Reduce () để làm phẳng các phần tử lồng nhau thành một mảng.

      Chúng tôi đặt một giá trị ban đầu cho mảng trống và sau đó nối giá trị hiện tại với tổng giá trị.

      Bạn phải trả về một cái gì đó để hàm Reduce () hoạt động.

      Sử dụng phương thức Reduce () trong javascript để tính giá trị trung bình.

      Xem thêm: Tóm tắt luận án NCS: Trần Thu Hà

      Trong ví dụ trên, thay vì ghi lại tổng, những gì bạn có thể làm là chia tổng cho độ dài của mảng trước khi trả về giá trị cuối cùng.

      Cách để thực hiện việc này là sử dụng hàm Reduce () chỉ mục và các tham số khác trong mảng .

      Tìm các bản sao trong một mảng

      Giả sử bạn có một bộ sưu tập các mục và bạn muốn biết số lần xuất hiện của mỗi mục trong bộ sưu tập.

      Để đếm số lần xuất hiện của mỗi mục trong một mảng, giá trị ban đầu của chúng ta phải là một đối tượng trống, không phải một mảng trống.

      Vì chúng tôi đang trả về các đối tượng, nên giờ đây chúng tôi có thể lưu trữ các cặp khóa-giá trị trong dữ liệu.

      Lần đầu tiên, chúng tôi cần tên của khóa là giá trị hiện tại và đặt cho nó giá trị 1 và nếu nó lặp lại, chúng tôi muốn số lượng tăng lên cho mỗi số. Để thực hiện điều này, trong lần lặp thứ hai, chúng ta sẽ kiểm tra xem dữ liệu đã có khóa với giá trị hiện tại chưa, giá trị của khóa sẽ được tăng thêm 1, còn nếu chưa sẽ tạo khóa với giá trị 1.

      Xóa các bản sao trong mảng

      array.reduce () là một hàm hữu ích khi chúng ta phải loại bỏ các bản sao trong một mảng. Chúng ta có thể sử dụng các hàm array.push () và array.indexof () và hàm array.reduce () để loại bỏ các bản sao trong một mảng.

      Nhóm các đối tượng theo thuộc tính

      Chúng ta có thể sử dụng phương thức array.reduce () để nhóm các đối tượng theo thuộc tính.

      Đầu ra

      Trong ví dụ này, chúng tôi sử dụng thuộc tính “register” để nhóm các đối tượng. Trong đầu ra, bạn có thể thấy rằng đăng ký 40 có hai đối tượng và 60 có một. Đối tượng trả về có một thuộc tính được nhóm lại và giá trị là một đối tượng cho thuộc tính đó.

      Kết luận

      Một lỗi phổ biến khác là quên trả về một giá trị. Bạn phải trả về một cái gì đó để hàm Reduce () hoạt động. Luôn kiểm tra kỹ và đảm bảo rằng giá trị mong muốn được trả về.

      Hy vọng rằng thông qua bài viết này, bạn có thể tìm hiểu thêm về giảm thiểu và áp dụng nó nhiều hơn vào các dự án của mình, làm cho mã sạch hơn và dễ hiểu hơn.

      Xem thêm: WPA2 là gì? Cách kiểm tra chuẩn bảo mật Wifi chi tiết nhất

      Công khai: VUIHECUNGCHOCOPIE.VN là trang web Tổng hợp Ẩm Thực - Game hay và Thủ Thuật hàng đầu VN, thuộc Chocopie Vietnam. Mời thính giả đón xem.

      Chúng tôi trân trọng cảm ơn quý độc giả luôn ủng hộ và tin tưởng!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *