Jak używać tablicy JavaScript Zmniejsz funkcję
W tym poście zrozumiemy koncepcję JavaScript zmniejszyć() funkcjonować. Co to jest zmniejszyć() Funkcja i jak możemy go użyć, aby pomóc w uproszczeniu kodu JavaScript i wykonania zadań efektywnie i najszybciej.
Co to jest zmniejszenie() funkcjonować?
JavaScript zmniejszyć() Funkcja tablicy służy do zmniejszenia tablicy do jednej wartości wyjściowej.
zmniejszyć() Funkcja przyjmuje element tablicy jeden po drugim, wykonuje operację i zwraca jedną wartość wyjściową. Zbadajmy i kopajmy w to, aby zrozumieć składnię i jej funkcjonalność, wraz z kilkoma przykładami.
Składnia:
szyk.redukuj (funkcja_nazwa, wartość inicitenValue);Interesującą częścią funkcji tablicy redukujących () jest to, że może ona podjąć funkcję zwrotną z czterema argumentami. Składnia funkcji zwrotnej i sekwencja argumentów pójdzie w ten sposób:
Funkcja_name (akumulator, wartość, indeks, tablica)…
W funkcji odwołania redukcja () metoda:
- Pierwszy parametr to akumulator który przechowuje wynik po każdej iteracji.
- Drugi parametr/argument zawiera wartość bieżącego elementu tablicy podczas iteracji.
- Trzeci parametr to opcjonalny parametr, który jest prądem indeks elementu tablicy podczas iteracji.
- Na koniec możemy również przekazać szyk sama funkcja wywołania zwrotnego, aby mieć pewne niestandardowe funkcje w funkcji wywołania zwrotnego.
Możemy również przekazać wartość początkową do funkcji. Wartość początkowa będzie wartością początkową akumulatora.
Wypróbujmy kilka przykładów, aby zobaczyć jego implementacje
Notatka: Użyjemy konsoli przeglądarki, aby zademonstrować przykłady wykonane w tym poście. Aby otworzyć konsolę przeglądarki:
- Użyj F12 Klucz w chromie i innych przeglądarkach na bazie chromu.
- Używać Ctrl + Shift + K Klawisze klawiatury dla Mozilli.
- Używać Opcja + ⌘ + c Klawisze skrótów klawiatury w Safari (jeśli menu programisty nie pojawia się, to otwórz preferencje, naciskając ⌘ +, i w Zaawansowany Kontrola zakładki „Pokaż opracuj menu w pasku menu”).
Jak używać funkcji redukuj () w JavaScript
Najlepszy przykład do zrozumienia zmniejszyć() Funkcja to dodanie liczb przechowywanych w elementach tablicy.
Przykład 1:
Załóżmy, że mamy szereg liczb i chcemy dodać wszystkie te liczby:
var liczby = [23 76,38,55,10]Pierwszym sposobem dodania tych liczb jest użycie Do pętla:
var sum = 0;for (Leti = 0; i
konsola.log (suma);
Chociaż mamy sumę jako wyjście, dlaczego nie skorzystać z inteligentnego i łatwego sposobu na wykonanie tego samego obliczeń za pomocą zmniejszyć() Metoda tablicy, w której nie musimy zmutować zmiennych takich jak „suma."
Korzystanie z funkcji Ruck ():
zmniejszyć() funkcja obliczania suma będzie tak:
var sum = liczby.Zmniejsz (Addnumbers, 0);funkcja addnumbers (ogółem, num)
Zwrot ogółem + num
konsola.log (suma);
W powyższym kodzie widać, że po raz pierwszy minęliśmy Addnumbers funkcja do zmniejszyć() funkcja i w Addnumbers Definicja funkcji, właśnie dodaliśmy każdą liczbę do zmiennej akumulatora całkowity i zwrócił swoją wartość.
Kiedyś zmniejszyć() funkcja dodaje wszystkie liczby w liczby tablica, będzie przechowywać końcowy wynik w suma zmienny.
Na koniec pocieszyliśmy suma zmienna do sprawdzenia, czy nasz zmniejszyć() Funkcja działała dobrze czy nie.
Patrząc na powyższy zrzut ekranu, możesz sprawdzić, czy funkcja redukuj () dodała wszystkie liczby i pokazała wynik w konsoli 202 i doskonale obliczone.
Kolejny krótszy i łatwiejszy sposób pisania zmniejszyć() Funkcją jest uczynienie funkcji wywołania zwrotnego funkcji strzałki:
Składnia pisania funkcji wywołania zwrotnego w obrębie zmniejszyć() nawiasy funkcji będą takie:
var sum = liczby.zmniejsz ((ogółem, num) =>Zwrot ogółem + num
, 0);
konsola.log (suma);
W porządku, to był prosty przykład, w którym mamy tylko szereg liczb; A co z szeregiem obiektów. Spróbujmy też tego.
Przykład 2:
Załóżmy, że mamy listę studentów w tablicy i chcemy obliczyć całkowite opłaty wszystkich studentów:
var Studenci = [ID: 1,
Imię: „John”
Wiek: 12,
Opłata: 8500
,
ID: 2,
Nazwa: „Bob”,
Wiek: 14,
Opłata: 9000
,
ID: 3,
Nazwa: „Steve”,
Wiek: 10,
Opłata: 8000
,
]
zmniejszyć() Funkcja obliczania całkowitych opłat pójdzie w ten sposób:
var totalfees = studenci.Zmniejsz ((ogółem, student) =>Zwrot ogółem + student.opłata
, 0);
konsola.log (TotalFees);
Teraz jedyną różnicą w tym kodzie jest to, że pojedynczy obiekt jest przekazywany jako wartość funkcji wywołania zwrotnego, a wewnątrz definicji funkcji wywołania zwrotnego uzyskaliśmy dostęp do opłaty i dodaliśmy ją do zmiennej akumulatora.
Patrząc na zrzuty zrzutu zrzutu powyżej, widać, że opłaty uczniów są dodawane i wyświetlane jako wyjście. W ten sposób możemy uzyskać dostęp do obiektów tablicy w zmniejszyć() funkcjonować.
Wniosek:
W tym poście dowiedzieliśmy się, co zmniejszyć() Funkcja jest i jak możemy go użyć, aby pomóc w uproszczeniu kodu JavaScript i wydajnym i szybkim wykonywaniu zadań.
Nauczyliśmy się, że zmniejszyć() Funkcja zmniejsza tablicę do jednej wartości wyjściowej. zmniejszyć() Funkcja przyjmuje funkcję zwrotną zastosowaną do każdego elementu tablicy i zwraca jedną wartość wyjściową.
Ten post dotyczy JavaScript zmniejszyć() funkcja i jej użycie. Zawiera kilka podstawowych przykładów, które pomagają zrozumieć zmniejszyć() funkcjonować.