Die Grundlagen von JavaScript für Anfänger:innen – Abschnitt 6: Funktionale Programmierung | Rob Merrill | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Die Grundlagen von JavaScript für Anfänger:innen – Abschnitt 6: Funktionale Programmierung

teacher avatar Rob Merrill, JavaScript Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

7 Einheiten (50 Min.)
    • 1. JavaScript in den Grundlagen – Funktionale Programmierung: Promo Video

      1:55
    • 2. JavaScript in die Grundlagen – Funktionale Programmierung: Filter

      9:03
    • 3. JavaScript in die Grundlagen – Funktionale Programmierung: Filter

      8:29
    • 4. JavaScript die Grundlagen – Funktionale Programmierung: Karte

      7:26
    • 5. JavaScript in den Grundlagen – Funktionale Programmierung: Map

      7:09
    • 6. JavaScript die Grundlagen – Funktionale Programmierung: Reduzieren

      7:37
    • 7. JavaScript in die Grundlagen – Funktionale Programmierung: Functional des Labs

      8:17
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

531

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Kurs 6 – Funktionale Programmierung in JavaScript

In diesem Kurs wirst du:

  • Filter
  • Karte
  • Reduzieren
  • Kursüberprüfung

Durch unser gesamtes JavaScript die Grundlagen für Anfänger, die du in deinem Kurs findest, ist deine notwendige Anhalt, um in die Sprache von JavaScript einzutreten. Wir beginnen mit dem Anfängen und entwickeln gemeinsam unser Verständnis der beliebtesten Programmiersprache der ganzen Fall.

Sieh dir JavaScript in der Aktion an, mit whiteboard optimiert für die Ansicht auf deinem Smartphone an. Das ist wirklich ein Kurs, an dem du dich anwenden kannst, egal wo du bist. Nimm deine JavaScript unterwegs an! Mit whiteboard wirst du dir visualisieren, was JavaScript unter der Haube macht.

Du kannst JavaScript in deinem Webbrowser üben! Nutze die Tools in Google Chrome, um die in der Kurseinheit in der Kurseinheit mit weiteren Beispielen und Herausforderungen zu machen. Das ist unser Spielplatz.

JavaScript ist wie das Lernen. In diesem Kurs wird kein falsches Versprechen, du wirst JavaScript über Nacht meistern. Der Kurs wird dir jedoch in die beliebteste Programmiersprache der Welt eintauchen.

Jeder Kurs wird dir in JavaScript etwas Neues vorstellen:

  • JavaScript Syntax Syntax
  • JavaScript Bausteine
  • Die besten Praktiken von JavaScript
  • JavaScript-Objekte
  • JavaScript Arrays
  • Regelmäßige Ausdrücke
  • Funktionale Programmierung von JavaScript.
  • JavaScript
  • JavaScript
  • JavaScript ES6 Syntax

In diesem Kurs wirst du diesen Kurs beherrschen, mit dem du dich vertiefen kannst, in die Sprache eintauchen und dich möglicherweise in eine neue Karriere einsetzen kannst.

Das Lernen einer neuen Sprache kann schwierig und sogar einschüchternd sein. JavaScript Die Grundlagen lässt den Lerneffekt und gastfreundlich!

Triff deine:n Kursleiter:in

Teacher Profile Image

Rob Merrill

JavaScript Instructor

Kursleiter:in

Rob Merrill is a Full Stack JavaScript Developer. His specialty is in the MEAN stack focusing on AngularJS, NodeJS, ExpressJS and MongoDB.

He is a graduate of Code Fellows Advanced Full Stack JavaScript Development course and has been developing with JavaScript for three years.

In his spare time he travels around Seattle's finest craft breweries with his wife and their dog.

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. JavaScript in den Grundlagen – Funktionale Programmierung: Promo Video: Willkommen bei Java-Skript. Die Basics. JavaScript ist die beliebteste Programmiersprache in der Welt wurde die Sprache des Web Stack Overflow als die beliebteste taube Technologie aufgeführt genannt und erhalten haben Zahlen es als die obersten Ränge Sprachenlernen JavaScript ermöglicht es Ihnen, ein Full-Stack-Entwickler oder finanzieren eine Spezialität auf dem Front-End oder dem Back-End. Mit JavaScript können Sie Front- und Frameworks wie Reagieren und Winkeln auf der Client-Seite bewältigen . Und Sie können auch auf der Back-End-Serverseite ohne Js schneiden und Datenbanken mit Mongo erstellen . DB JavaScript ist eine Sprache, also wird es einige Zeit dauern, um zu lernen, bevor Sie Poesie oder einen Roman in jeder Spracheschreiben können Sprache Sie müssen zuerst das Alphabet lernen, wie man Wörter macht und sehen, wie andere es benutzen. Um JavaScript zu lernen. Wir werden unter die Haube schauen. Dies wird nicht nur eine Übung sein, den Code eines anderen zu kopieren, um mit einer Anwendung zu landen , die Sie nicht verstehen. Alles, was wir tun, wird visuell in Form einer Whiteboard-Lektion sein, in der Sie wirklich sehen können wie alles funktioniert und verbindet. Wenn Sie ein visueller Lernender sind, ist dies der richtige Kurs für Sie. Dabei geht es nicht darum, 0 bis 60 oder Null zum Helden zu gehen, denn wenn du wirklich bei Null beginnst, lassen dich diese Kurse schnell hinter dir. Es geht darum, zu lernen. Verstehen und Anwenden ist, dass Sie mit JACKET erstellen und erstellen können. Way folgt dann unserem Whiteboard. Lektionen in das Labor Weg wird in den Google Chrome Software-Entwickler geben. Konsul Disteln sind Java-Skript-Spielplatz. Es gibt nichts, was Sie für diesen Kurs herunterladen müssen. Keine Spezialwerkzeuge, keine zusätzlichen Schritte. Nur Google, Chrome, alles. Sie haben die Lektion gelernt, die wir dann gemeinsam im Labor neu erstellen werden. Ich werde Ihnen dann eine Code-Herausforderung geben, um neu zu erstellen, was wir gemeinsam gelernt haben, und dann werden wir gemeinsam eine mögliche Lösung suchen. Willkommen bei Java Script. Die Grundlagen. Beginnen wir, Job-Skript zu sprechen 2. JavaScript in die Grundlagen – Funktionale Programmierung: Filter: Alles klar, willkommen zurück in Java. Die Grundlagen in diesem Abschnitt entfernt, werden wir uns die funktionale Programmierung ansehen. Dies wird eine Grundierung sein, was funktionale Programmierung ist und Ihnen einen Vorgeschmack darauf geben, wie es in JavaScript verwendet wird . Sie werden nicht über Nacht funktionale Programmierung lernen, aber Sie können beginnen, die Vorteile und Ergebnisse davon sofort zu sehen. Eines der Merkmale von Java-Skript, das es gut für die funktionale Programmierung geeignet macht , ist die Tatsache, dass es Funktionen höherer Ordnung akzeptieren kann. Ah, Funktion höherer Ordnung ist eine Funktion, die eine andere Funktion als Argument annehmen kann oder die eine Funktion zurückgibt. Infolgedessen ist funktionale Programmierung genau so, wie es klingt. Programmierung mit Funktionen in JavaScript-Funktionen sind Objekte, Funktionen, Luftwerte. Das bedeutet, dass Funktionen an anderen Funktionen weitergegeben werden können. Eric Elliot erklärt die funktionale Programmierung auf diese Weise, wenn er sagt, dass funktionale Programmierung Glossare eine große Anzahl von großen Wörtern enthalten. Aber in seinem Kern ist die Essenz der funktionalen Programmierung wirklich sehr einfach. Programme werden meist mit einer Handvoll sehr kleiner, sehrwiederverwendbarer, sehr vorhersehbarer, reiner Funktionen gebaut wiederverwendbarer, sehr vorhersehbarer, . Jetzt möchten Sie wahrscheinlich wissen, welche reinen Funktionen vorerst sind. Konkret bedeutet das, dass eine reine Funktion immer zum gleichen Ergebnis zurückkehrt, da die gleichen Parameter der reinen Funktion eine Funktion ist, in der bei der gleichen Eingabe immer die gleiche Ausgabe zurückgibt, erzeugt keine Nebenwirkungen und verlässt sich auf keinen externen Zustand. Mach dir keine Sorgen, wenn dir das ein bisschen über den Kopf geht. Denken Sie daran, wir eine neue Sprache lernen, dass wir eine neue Sprache lernen, und um das zu tun, müssen Sie hören, wie Menschen auf eine Weise sprechen, die Sie vielleicht nicht mit allem, was gesagt wird, vertraut sind oder verstehen . In diesem Abschnitt von Lektionen wird es darum gehen, zu verstehen, wie Funktionen höherer Ordnung funktionieren, so dass einige dieser Wörter beginnen, mehr Sinn zu machen, um loszulegen. Wir schauen uns Twitter an. Nein, wir werden nicht über ihre Technologie-Stack-Algorithmen oder so etwas sprechen. Aber ein Tweet, den ich mochte Es war von Stephen Lucien ER. Er benutzte einige Emojis, um funktionale Programmierung mit map, filter und reduce zu veranschaulichen . Dies sind die drei Array-Methoden, denen wir unsere Aufmerksamkeit widmen und versuchen, funktionale Programmierung in den nächsten Lektionen zu verstehen. Schauen wir uns das Bild haben wir ein Bild mit Kartenfilter und reduzieren Matt gehört ein Array von drei Bildern. Mais, Kuh und Huhn. Die Wort-Map selbst ist eine Methode oder eine Funktion in einem Array. Dann haben wir das Wort kochen, das eine Funktion darstellt, als auch wenn jedes Element wird durch eine Kochfunktion gehen. Denken Sie daran, eine Funktion ist wie eine Schaltfläche ist ein Stück Code, den wir immer und immer wieder anwenden können. Ah, Funktion ist ein Prozess, der einige Eingaben namens Argumente nimmt und eine Ausgabe erzeugt, die einen Rückgabewert genannt wird. Also innerhalb der Funktions- oder Methodenzuordnung, die an ein Array angehängt ist, werden wir eine andere Methode übergeben. Es wird an jedem Element des Arrays funktionieren, und wenn der Mais gekocht ist, haben wir Popcorn. Wenn die Kuh gekocht ist, haben wir einen Hamburger, wo das Huhn gekocht wird. Wir haben ein Ei. Also map ist eine Methode, die an jedem Element des Arrays arbeitete und ein neues Array zurückgab, in dem jedes Element eine Funktion durchlief. Als nächstes haben wir die Filtermethode auf einem Array. Unser Strahl hat diesmal Popcorn, Hamburger und Schmerzen. Dieses Mal wird jedes Element eines Arrays durch eine Art true und false Filter für die Besonderheiten, die wir in diesem Fall nennen wollen, ausgeführt werden , ist ein Filter namens Ist Vegetarian und es ist eine Funktion. Es wird ein neues Array mit Popcorn und Eiern zurückgeben. Ja, einige Vegetarier konsumieren vielleicht keine Eier, aber dieser imaginäre Vegetarier tut es. So gibt es in einem Raid zurück, in dem jedes Element ausgewertet wurde, true oder false, und die wahren Werte werden in ein neues Array zurückgegeben. Drittens haben wir die reduzierte Methode. Dies ist das komplexeste und wird einen guten Teil Zeit damit verbringen, es abzubauen und zu erklären. Während Karte und Filter sehr spezifische Verwendungen haben, hat Reduce viel anpassbare Flexibilität, bevor unsere Illustration eine einfache Ausführung davon betrachtet , die zeigt, dass Reduce durch unser Array und Läufer Elemente durch ein Funktion, die in diesem Fall einen Wert zurückgibt, sowohl Popcorn als auch Eier, das gleiche Endziel in unserer Verdauungsspur. Funktionale Programmierung und Funktionen höherer Ordnung sind gut für die Komposition, setzen eine Funktion in eine andere Funktion, setzen kleinere Funktionen in größere Funktionen. Lassen Sie uns voran und beginnen unsere funktionale Programmierung Analyse mit Filterfiltern und Methode , a k a. Eine Funktion auf einem Rennen. Es akzeptiert eine andere Funktion als sein Argument, das ein neues Array zurückgibt. Zuvor haben wir Strings Zahlen und Boolean sagt, Argumente in unseren Funktionen eingefügt . Jetzt übergeben wir Funktionen. Als Argumente für jedes Element, werden wir eine Callback-Funktion haben. Filter ruft es Callback-Funktion einmal für jedes Element in einem Array zur Verfügung gestellt und konstruiert ein neues Array aller Werte, für die Callback Wert zurückgibt. Dass auf True verläuft, bleibt das ursprüngliche Array unberührt. Schauen wir uns die Syntax an. Wir haben unser Array, dann haben wir die Filtermethode. Dann, innerhalb dieses Filters, übergeben wir ihm eine Funktion als Argument. Dies ist, was etwas funktionales Programmieren macht, das eine Funktion toe übergibt, eine Funktion als Argument. Diese Funktion erhält dann einen Parameter für den aktuellen Wert des Elements. Dies ist erforderlich. Wir führen dann den Codeblock auf dem aktuellen Wert aus, und wenn es wahr ist, geben wir ihn an das neue Array zurück. Alles klar, danke, dass du so lange aufgehängt hast, wir endlich bereit sind, in einen Code zu kommen. Lassen Sie uns ein Array mit Testwerten erstellen wird eine Variable namens Testergebnisse und ein Senat Werte von 90 zu 87 54 63 75 59 deklarieren . Lassen Sie uns einen Funktionsausdruck namens übergeben Test erstellen wird eine Variable namens Bestehen Test deklarieren . Nun, dann wird die Sonne es der Wert einer anonymen Funktion gibt ihm einen Parameter von Tests die das aktuelle Element im Array darstellen, dann in einen Codeblock eine Rückkehr eingeben, ein boolescher Wert von true oder false in Bezug darauf, ob ein -Test hat einen Wert größer als 60. Das ist also unsere Funktion, die wir als Argument verwenden werden. Lassen Sie uns voran und deklarieren eine Variable namens Graduierung. Dieses Array enthält alle bestandenen Tests. Das bedeutet, dass der Student abschließt, einfach die Filtermethode auf unserem Strahl ausführen wird. Innerhalb der Klammern werden wir in unser Argument des Funktionsausdrucks setzen, der auf jedem Element im Array ausgeführt wird . Es wird einen true oder false Wert für jedes Element zurückgeben und ein neues Array erstellen, in dem nur die Elemente, die sie wahr sind, sich im neuen Array befinden. Eine andere Möglichkeit, dass wir dies schreiben können, anstatt unseren Funktionsausdruck zu setzen, als Argument ist, können wir einfach unsere Funktion innerhalb des Parameters ausschreiben und das Ergebnis beider ist gleich . Unser Test Scores Array wurde nicht mutiert ist genau das gleiche. Wir haben jetzt ein neues Array. Was ist, wenn wir keinen Filter verwenden? Wie gehen wir dazu, das gleiche gewünschte Ergebnis aus unserem Testpunkte-Array zu erhalten? Lassen Sie uns voran gehen und schauen Sie sich den Code an, den es brauchen würde, um dies zu erreichen. Verwenden einer for-Schleife. Das erste, was wir tun werden, ist ein Array namens Graduierung zu erstellen. Das erste, was wir tun werden, ist ein Array namens Graduation zu erstellen, das wir mit Werten gut füllen werden, dann verwenden Sie eine for-Schleife, um durch jedes Element im Array zu gehen, beginnend mit dem ersten Element. Unsere Testbedingung wird so lange sein, wie ihr aktueller Wert für unseren Zähler kleiner ist als die Array-Länge wird in den Codeblock eintauchen und eine bedingte Anweisung erstellen. Wir werden einen Ausdruck auswerten, wenn Testwerte von Index Null, die 92 größer als 60 in unserem Code ist. Block greift nun auf unser Graduierungs-Array zu, das wir oben erstellt haben. Wir verwenden die Push-Methode, die Luftwert an diesem Punkt an das Ende des Arrays schiebt. Sind Wert für das aktuelle Element ist 92. Also schieben wir das bis zum Ende unseres Arrays. Wir wiederholen den Vorgang dann immer wieder. Zu Philip sind Array mit Werten größer als 60. Sehen wir uns diese beiden Seite an Seite an. Klare Code weniger Code und einfach Bug frei zu halten. Ich hoffe, Sie fangen an, die Vorteile der funktionalen Programmierung zu sehen. In Ordnung. Danke, dass du das zuerst genommen hast. Schau mit mir. Eine funktionale Programmierung in JavaScript wird Sie im Labor sehen, um zu beginnen, in die Praxis umzusetzen , was wir gelernt haben. 3. JavaScript in die Grundlagen – Funktionale Programmierung: Filter: Alles klar, willkommen zurück im Labor und in unserer Lektion. Wir beginnen unsere Reise in die funktionale Programmierung zusammen mit objektorientiertem JavaScript. Dies ist die zweite Säule in Bezug auf das, was wichtig ist, um ein Java-Skript-Programmierer zu sein. Wir wurden auf die Idee eingeführt, dass Luftwerte funktionieren, was bedeutet, dass Sie eine Funktion an eine andere Funktion als Argument übergeben können. Dies ist unerlässlich für funktionale Programmierung, reine Funktionen und Funktionen höherer Ordnung. Der Vorteil der funktionalen Programmierung ist das Konzept, immer zu wissen, was Sie bekommen werden . Das könnte an dieser Stelle etwas unklar sein. Wir werden diese Aussagen durch diesen Abschnitt über die funktionale Programmierung entpacken. Aber im Moment werden wir uns eine Art berühmtes Sprichwort über die Fallstricke der objektorientierten Programmierung in jeder Sprache ansehen . Die Geschichte sagt, dass du eine Banane willst, also fragst du nach einer Banane, bekommst du eine Banane. Bisher ist das eine glückliche Geschichte. Aber Sie finden auch, dass Sie den Gorilla haben, der die Banane hielt. Und darüber hinaus hast du den Dschungel, in dem der Grillo lebte. Das ist das Dilemma, mit dem Menschen manchmal konfrontiert werden, wenn sie objektorientierte Programmierung machen Sie weit mehr bekommen, als Sie verlangen. Auf der anderen Seite haben reine Funktionen viele vorteilhafte Eigenschaften und bilden die Grundlage der funktionalen Programmierung. Reine Funktionen sind völlig unabhängig von außerhalb ST und als solche, ihre immun gegen ganze Klassen von Bugs, die mit dem gemeinsamen veränderbaren Zustand zu tun haben. Sie sind unabhängig. Natur macht sie auch zu idealen Kandidaten für die parallele Verarbeitung über viele CP-Anwendungen und über ganze verteilte Computing-Cluster hinweg, was sie für viele Arten wissenschaftlicher und ressourcenintensiver Computing-Aufgaben unerlässlich macht . Reine Funktionen sind auch extrem unabhängig, leicht zu bewegen, re-Faktor und reorganisiert in Ihrem Code, so dass Ihre Programme flexibler und anpassungsfähiger an zukünftige Änderungen. Okay, das war eine Menge Theorie und unsere letzte Lektion. Wir befragten Filter, Karte und reduzieren und dieses Labor. Wir gehen weiter und konzentrieren uns auf Filter. Zuerst lassen Sie uns ein Array gut erstellen, dann verwenden Sie eine Schleife zu iterieren, was bedeutet, alle Elemente des Arrays zu durchlaufen und zu testen, ob Bedingung wahr ist, wenn wahr, wird sie in ein neues Array schieben. Lassen Sie uns das zusammen bauen, und dann werde ich Sie die gleiche Leistung mit der Filtermethode selbst erledigen Lassen Sie uns ein Array namens Wetter erstellen. Das sind die Werte, die gemessen werden. Wir erstellen ein neues Array, in dem jede Temperatur, die über 70 liegt, in ein neues Array namens Go Outside geschoben wird . Also lasst uns voran gehen und erklären. Also lassen Sie uns voran und erklären, dass gehen Samstag und initialisieren Sie es mit ein paar leeren Klammern. Jetzt werden wir eine vier Schleife einrichten vier Schleife wird drei Anweisungen haben. Zuerst wir initialisieren oder auf Null setzen dann unsere Testbedingung, um zu fragen, ob unser Zähler kleiner ist als unsere Wetter-Array-Länge. Wenn das wahr ist, dann gehen wir in unseren Co-Block. Wir laufen dann in eine bedingte if-Anweisung, wenn Index von Null auf ihrem Strahlenwetter größer als 70 ist , was in diesem Fall 72 ist. Wir haben einen wahren Wert und gehen in unseren nächsten Codeblock. Wir haben unser neues Array namens Go Outside erstellt, und wir verwenden die Push-Methode und füllen das Argument mit Index Null unseres Wetter-Arrays, das einen Wert von 72 hat, die jetzt in unserem neuen Array gehen wird. Wir wiederholen diesen Vorgang erneut und durchlaufen ein ganzes Array. Nun, als wir den Wert unseres neuen Go Outside Arrays überprüft haben, erhalten wir 70 bis 84 90 bis 85 72. Nicht schlecht. Das war aber eine Menge Arbeit . Hier ist Ihre Herausforderung. Ich möchte, dass Sie dasselbe Wetterarray nehmen und die Filtermethode implementieren, um dasselbe zu tun . Denken Sie daran, dass Sie zum Ausführen der Filtermethode die Filtermethode auf das Wetter-Array anwenden. Und dann werden Sie in die Filterklammern übergeben, ein Argument, das eine Funktion ist, in der jedes Element auf true oder false ausgewertet wird, und die wahren Werte werden an die neue A-Vergewaltigung zurückgegeben. Alles klar, viel Glück. Gehen Sie weiter und pausieren Sie das Video. Es wird in wenigen Augenblicken wieder zusammenkommen und gemeinsam eine Lösung finden. Alles klar, wie man geht. Okay, ich werde voran gehen und mir zu schnell Wege suchen, um das zu lösen. Die erste besteht darin, einen Funktionsausdruck zu erstellen, der wahre und falsche Werte in Bezug auf das zurückgibt , was wir Nice Wetter betrachten könnten. So wird jetzt unser Array erstellen In einer Zeile wird die Variable nach draußen gehen und ein Zeichen für den Wert unseres Strahlenwetters mit dem Methodenfilter und dem Argument von schönem Wetter deklarieren . Denken Sie daran, schönes Wetter ist ein Funktionsausdruck. Also übergeben wir eine Funktion Toe sind Filtermethode, und das Ergebnis ist genau das, was wir gesucht haben, das ein paar bewegliche Stücke hatte. Lasst uns es anders lösen. Wir gehen voran und deklarieren unsere go out variable, und wir werden den Wert unserer Wetter-Array mit der Filtermethode signieren. Nun, dann, gleich, unsere anonyme Funktion als Argument direkt dort wird ihm den aktuellen Wert-Platzhalter von temp geben . Das Wort „Temp“ kann alles sein. Es ist ein Platzhalter. Es könnte der Buchstabe X sein, aber für die menschliche Lesbarkeit hilft es uns zu wissen, dass wir tägliche Temps betrachten. Dann fragen wir für jeden Tempel oder jede Reihe, ob es wahr ist. Wenn es größer als 70. Nun, wenn wir den Wert unserer gehen Samstag überprüfen, erhalten wir das gleiche Ergebnis. In Ordnung. Lasst uns das ein bisschen ausbauen und uns einer Herausforderung stellen. Mit etwas komplexerer Komplexität werden wir eine weitere Vergewaltigung aufbauen. Diesmal. Ich möchte, dass Sie das Array mit Objekten füllen. Das ist etwas, was wir noch nicht getan haben. Wir haben zuvor Arrays von Zahlen und Strings und anderen Primitiven gefüllt, aber eine Erhöhung kann auch Objekte halten. Lasst uns weitermachen und dieses Array aufbauen. Bleiben wir bei dem Wetter des Ruhms. Wir werden Array mit den Tagen der Woche und ein Boolean in Bezug auf, ob wir erwarten können , Sonne oder Regen wird ein Array mit den Objekten, die sonnige Tage sind, zurückgeben wollen. Wir müssen ein Array erstellen, in diesem Fall wird es sonnige Tage nennen. Nun, dann erstellen Sie eine for-Schleife. Unsere erste Aussage wird es initialisieren oder entgegenwirken. Null. Unsere zweite Anweisung wird testen, dass Zähler kleiner ist als unsere Strahlenlänge, die uns in den Codeblock senden wird . Wir werden die bedingte Anweisung verwenden, wenn wir das erste Element der Array-Prognose betrachten . Es hat ein Objekt mit zwei Eigenschaftswerten. Der Property Day mit dem Wert von Montag auf die Eigenschaften, Sohn, mit dem Anlaß der Wahrheit und unserer if-Aussage, wir sind auf den Wert für die Immobilie suchen, Sohn, wir werden den Punkt verwenden Schreibweise Zehe Zugriff auf diesen Eigenschaftswert. Dies wird wahr zurückgeben, also werden wir in unser neues sonniges Array drücken, das ganze Element bei Index eins, das unser Objekt mit beiden Eigenschaften ist. Also werden wir dies durch alle Elemente in unserem Forecast-Array wiederholen. Und hier sind die Ergebnisse. Großartig. Jetzt lass uns das nochmal machen. Mit der Filtermethode wird das großartig. Wird eine Variable deklarieren, die unser Array halten wird es zuweisen. Der Wert unseres Forecast-Arrays wird ihm den Wert unseres Forecast-Arrays mit den Objekten zuweisen , einschließlich Wochentagen und Milliarden in Bezug darauf, ob wir Sonnenschein haben oder Regen wird dann an die Filtermethode von Funktion gibt dem aktuellen Wert den Namen Wetter. Denk dran, es könnte alles sein. Es könnte einfach X sein. Es stellt nur den aktuellen Wert in dem Array dar, auf dem wir die Callback-Funktion ausführen werden , in diesem Fall jedes Element, das zufällig ein Objekt im Array ist. Als nächstes führen wir unseren Codeblock aus. Die Filtermethode kehrt zum neuen Array alle wahren Werte zurück. In unserem Forecast-Array möchten wir alle aktuellen Werte zurückgeben, in denen Sohn wahr ist, und da dies bereits boolesch ist , haben wir keinen Code hinzufügen, um den Ausdruck zu bewerten. Lassen Sie uns dies in unseren Konsul eingeben und wir erhalten die gleichen Ergebnisse, viel weniger Code weniger Platz für Bugs und immer noch sehr lesbar. Vielen Dank, dass Sie diesen ersten Blick auf die funktionale Programmierung in unserem Labor genommen haben. Wir sehen uns in der nächsten Lektion. 4. JavaScript die Grundlagen – Funktionale Programmierung: Karte: Willkommen zurück zu Java-Skript, Die Grundlagen und diese Lektion. Wir werden unsere Grundierung für funktionale Programmierung fortsetzen. Wir werden uns die Kartenmethode ansehen, bevor wir in die Praxis kommen. Lassen Sie uns ein wenig mehr Licht auf den Vokab reiner Funktionen werfen, die wir bisher ein paar Mal verwendet haben . Ah, Funktion ist nur rein. Wenn die gleiche Eingabe gegeben wird, wird es immer die gleiche Ausgabe erzeugen. Schauen wir uns ein Beispiel an, Mathe zweifeln zufällig. Jedes Mal, wenn unser Java-Skript-Interpreter diese Methode ausführt, erhalten wir ein anderes Ergebnis. Angesichts der gleichen Eingabe, können wir nicht die gleiche Ausgabe erwarten. Obwohl wir keine Argumente in einen der Funktionsaufrufe übergeben haben, erzeugten sie alle eine andere Ausgabe, was bedeutet, dass mathematischer Punkt zufällig keine reine Mathematik ist. Dot Random erzeugt eine neue Zufallszahl zwischen Null und eins jedes Mal, wenn Sie es ausführen. Wenn wir gefragt haben, bedeutet der Computer für eine Zufallszahl normalerweise, dass wir ein anderes Ergebnis wollen. Dann haben wir das letzte Mal, dass die mathematische Punkt-Zufallsmethode ihren Platz hat, aber dies ist ein Beispiel für eine Funktion, die bei der gleichen Eingabe nicht die gleiche Ausgabe zurückgibt. Lassen Sie uns weiter auf Funktionen höherer Ordnung schauen. Lassen Sie uns weiter, indem Sie eine Funktion höherer Ordnung namens map betrachten, Remember und JavaScript-Funktionen sind genau wie Werte wie jeder andere Wert in JavaScript. Wir können diese Umgehungsfunktionen als Argumente für Funktionen nutzen, um sicherzustellen, dass beginnt mit Ihnen sinken. Wir können weitermachen und mit Matt beginnen. Die Map-Methode wird an ein Array angehängt, genau wie Filter in unserer letzten Lektion war. Wir werden ihm dann eine Funktion als Argument übergeben. Denken Sie daran, das ist, was Filter-Map macht und Funktionen höherer Ordnung reduzieren, eine Funktion an eine Funktion übergeben. Jedes Element in unserem ursprünglichen Array wird mit dieser Callback-Funktion interagieren und dazu führen dass ein neues Array einige der Elemente einer Array-Map durchfiltert, alle Elemente transformiert und sie in ein neues Array zurückgibt. Lassen Sie uns voran gehen und schauen Sie uns eine ähnliche Rate oder den letzten Flab an. Wir werden an Tagen der Woche und einen Boolean von sicher falsch in Bezug darauf, ob es gehen, um Sohn zu sein, und dann werden wir auch Feuchtigkeit hinzufügen. Mit der Anzahl der Werte in unserem vorherigen Labor haben wir Filter Toe nur Tage verwendet, in denen es Sonnenschein mit Karte geben würde. Wir werden ein Array zurückgeben, das auf jedem Element in unserem Array funktioniert. Denken Sie daran, dass jedes Element in unserem Strahl tatsächlich ein Objekt ist, das durch Kommentare getrennt ist. Wir werden dieses Array transformieren, indem wir die Kartenmethode durch jedes Element unseres Arrays arbeiten lassen und ein neues Array erstellen, indem wir den Feuchtigkeitswert zurückgeben. Wir lehnen nichts für einen lästigen falschen Wert wie mit Filter ab. Aber bevor wir dies tun, machen wir es mit der schwierigeren for loop First wird deklarieren Eine neue Variable, die unseren Strahl namens Humid enthält, wird dieses Array mit zwei leeren eckigen Klammern initialisieren. Dann machen wir unsere vier Schleife. Hoffentlich wird dies eine sehr zweite Natur, um zu wissen, dass es drei Anweisungen gibt, die in Ihrer for-Loop-Anweisung gehen werden . Eins ist die Initialisierung des Zählers var I gleich Null. Anweisung zu ist die Testbedingung, dass der Zähler kleiner als die Array-Länge von Forecast Thin ist . Arthurs Aussage ist die Aktualisierung unseres Zählers, die wir verwenden werden, sobald wir einen Codeblock durchlaufen haben . Wenn die Testbedingung in unserem Codeblock wahr war, nennen wir einfach unser neues Array. Wir haben Humid erschaffen. Dann machen wir die Push-Methode auf diesem Array, weil es Toe will Toe Werte in unser neues Array hinzufügen . Innerhalb des Pushs werden Klammern ihr Argument platzieren. Es ist das Forecast-Array am aktuellen Zählerindex. In diesem Fall ist das Objekt mit einem Schlüsselwert Paare von Tag Montag, Sonne wahr und Luftfeuchtigkeit 10. Innerhalb dieses Objekts setzen wir Punktfeuchte, was bedeutet, dass wir versuchen, auf den Wert der Eigenschaftsfeuchte zuzugreifen. Und das ist es, was wir in unseren neuen „Regen“ drängen, während wir alle Werte unseres aktuellen Arrays durchlaufen und sie in unser neues Array geschoben haben. Wir finden, dass feuchte, umkippende Array mit Werten von 10 101 125 115 und 100 gefüllt. Das würde Sie glauben lassen, dass Sie wahrscheinlich einen Regenschirm irgendwo in Ihrer Nähe für den Rest der Woche aufbewahren wollen . Nun, wie machen wir das? Mit der höherwertigen Funktionszuordnung werden wir eine Variable namens feucht deklarieren. Das wird unser Array sein. Beachten Sie, dass Sie mit der for-Schleife ein neues Array initialisiert und der Variablen in einem früheren Schritt zugewiesen haben. Nicht in diesem Fall. Karte weiß, dass Sie ein Array var Mensch erstellen werden, wie der Wert unserer Prognose ein regen zugewiesen . Wir werden dann die Map-Methode anhängen. Wir werden eine Funktion zur Karte übergeben. Dies ist eine Callback-Funktion, die jedes Element in unserer Prognose übergeben wird. Eine Rate gibt der Funktion ein Argument des aktuellen Wertes für jedes Element t verwendet, wie es durch jedes Element im Array geht. Da wir bereits das Wort Luftfeuchtigkeit für eine Immobilie in unserem Forecast-Array und feucht für den Namen unseres neuen Arrays verwendet haben, verwenden wir das Wort Nässe, um zu erfassen, wie gesättigt die Bereiche. Wir hätten auch nur das Wort X verwenden können. Es spielt keine Rolle, solange es mit dem übereinstimmt, was wir in unserem Codeblock verwenden werden, in den wir eintreten. Wir werden zurückkehren. Erleben Sie das aktuelle Element im Array mit dem Eigenschaftswert der Luftfeuchtigkeit und das ist es schneller, oder? Jedes Mal, wenn Sie eine Karte verwenden, hat sie eine for-Schleife. Sie fügen ungefähr 15 Sekunden zu Ihrem Leben hinzu und hoffentlich werden Sie sehen, dass es weniger Möglichkeiten schafft , den falschen Code zu korrigieren. Lassen Sie uns voran und schauen Sie sich ein weiteres Beispiel mit der Karte an. Dies wird nichts anderes sein als das, was wir bereits getan haben, aber hoffentlich verstärken einige der Syntax und Sprache für Sie. Lassen Sie uns es auf einem Array von Zahlen verwenden. Stellen wir uns vor, dass wir alle unsere Zahlen mit drei multiplizieren wollen. Wir werden unser Array deklarieren. Es wird alle unsere transformierten Elemente sammeln, die die Map-Methode durchlaufen haben , wird es den Wert unseres Zahlenarrays auf dem Zahlenarray signieren. Wir werden die Map-Methode verwenden. Und da die Kartenmethode, ah,Funktion höherer Ordnung ist ah, , bedeutet dies, dass wir sie von Funktion übergeben können, da Funktionen Wert in JavaScript sind und Werte in Java, Skript übergeben werden könnten Karte wird durch jedes Element in unserem Array gehen. Unser aktueller Wert wird durch das Argument taub dargestellt. Jedes Element in unserem Array, dargestellt durch den aktuellen Wert taub, wird mit drei multipliziert. Dies wird jedes Element in unserem Strahl wieder verwandeln. Dies unterscheidet sich von einem Filter, der Werte löscht, die nicht als wahr ausgewertet werden. Dadurch werden alle Elemente in einem transformierten Zustand übergeben. Unser Dreifach-Array hat jetzt einen Wert von 15 30 45 60 und 75. Alles klar, vielen Dank, dass Sie sich mir bei diesem ersten Blick auf Karten angeschlossen haben. Wir sehen uns im Labor, wo wir anfangen, das Gelernte in die Praxis umzusetzen. 5. JavaScript in den Grundlagen – Funktionale Programmierung: Map: Alles klar, willkommen zurück im Labor. In unserer Lektion gingen wir voran und schauten uns die Funktionskarte höherer Ordnung an. Wir machen es zu einer Funktion höherer Ordnung ist seine Fähigkeit, eine andere Funktion als Argument zu akzeptieren . Karte ist eine Methode auf einem Rennen. Im Gegensatz zur Filtermethode keine Elemente aus dem neuen Array gelöscht, die auf dem Wert true oder false basieren. Stattdessen transformiert es jedes Element. Die Map-Methode transformiert ein Array, indem eine Funktion auf alle seine Elemente angewendet und ein neues Array aus den Rückgabewerten erstellt wird. Das neue Array hat die gleiche Länge wie das Eingabe-Array, aber sein Inhalt wird einem neuen Formular durch die Funktion zugeordnet worden sein. Gehen wir weiter und machen einige Arbeit mit der Karte und unserer Lektion. Wir haben eine Reihe von Objekten durchgearbeitet. Dann schlossen wir mit einem Array, das wir verdreifacht haben. Hier ist Ihre Herausforderung. Ich möchte, dass Sie die Map-Methode zweimal implementieren. Das bedeutet, dass Sie ein Array erstellen werden, und an diesem Punkt möchten Sie wahrscheinlich, dass dieses Array Zahlenwerte hat, dann möchten Sie die Kartenmethode zweimal verwenden. Das mag kompliziert klingen, aber in diesem Beispiel ist es einfacher, als Sie vielleicht denken. Im Java-Skript ist es einfach, mehrere Methoden oder Funktionen in einer Zeile auszuführen. Dies wird Methodenverkettung genannt. Verkettungsmethoden, auch bekannt als Kaskadierung, bezieht sich auf das wiederholte Aufrufen einer Methode nach der anderen für ein Objekt in einer fortlaufenden Codezeile . Diese Technik ist reich an J Query, einer JavaScript-Bibliothek und anderen JavaScript-Bibliotheken, und ist sogar in einigen Java-Skript-nativen Methoden üblich. Ich möchte, dass Sie eine Reihe von Zahlen nehmen, wie in unserer Lektion, Sie führen elit ähnlich wie, wie wir es verdreifacht haben. Dann möchte ich, dass Sie die Methodenzuordnung direkt in die ändern Dann möchte ich, dass Sie die Methodenzuordnung direkt dazu ändern und jeder Zahl in unserer ursprünglichen Rate eine hinzufügen. Gehen Sie weiter und geben Sie es einen Schuss, pausieren Sie das Video und in wenigen Augenblicken wird wieder zusammen kommen und eine Lösung finden. Alles klar, wie man geht. Lassen Sie uns voran und erstellen Sie ein Array von Zahlen. Alle deklarieren eine Variable namens Zahlen und einen Sohn der Werte von 2468 10 und 12. Nun, dann weisen Sie ihm eine Variable zu, die ich hoffe, zu fangen sind ein transformiertes Array, an dem die Map-Methode zweimal gearbeitet hat. Wenn Sie es nicht verstanden haben, ist das OK, aber das ist wahrscheinlich viel einfacher, als Sie dachten. Zuerst wird zu unserem neuen Array unterzeichnen. Der Wert unseres Zahlenarrays mit der Map-Methode, die an die angehängt ist, wird ein Argument übergeben. Es ist eine Callback-Funktion mit dem aktuellen Wert von molt, die für jedes Element ausgeführt wird . Ich werde diesen aktuellen Wert des Arrays mal zwei zurückgeben. Wenn wir zu trösten, loggen Sie dies an dieser Stelle, würden wir 48 12 16 2024 bekommen. Aber denken Sie daran, wir wollten auch eins zu unserem neuen Array hinzufügen. Also, welche Kette? Die zweite Map-Methode, um es, wie wir zuvor beschreiben, ist es eine einfache wie Hinzufügen eines Punkts als Anhängen einer anderen Map-Methode. Zu dieser Matt Methode wird eine Funktion als Argument übergeben. Dies wird wieder eine Callback-Funktion sein, die an jedem Element unseres Strahls gearbeitet hat, das mit dem aktuellen Wert von Malz bezeichnet wurde. Auch hier zeigt unser Codeblock, dass wir gegen jeden Wert von molt einen hinzufügen werden. Nun, wenn wir den Wert von double ausführen, erhalten wir ein Array von 59 13 17 21 und 25. Ich hoffe, das hat Sinn ergeben. Gehen wir weiter und nehmen uns einer anderen Herausforderung an. Dieses Mal werde ich Ihnen eine Reihe von Grüßen geben wird eine Variable namens Gruß und ein Zeichen in einem Array mit den String-Elementen von Hi Hello, Hey gefülltdeklarieren Gruß und ein Zeichen in einem Array mit den String-Elementen von Hi Hello, Hey gefüllt . Und danke für die Herausforderung. Ich möchte, dass Sie diese Elemente in ein Array namens Shout verwandeln. Ich möchte, dass Sie jedes Element in eine Großbuchstabe transformieren. Wenn Sie nicht sicher sind, wie Sie eine Zeichenfolge von Kleinbuchstaben in Großbuchstaben drehen, können Sie entweder ein Google it, was immer ein guter Rat ist. Oder Sie können zu unserer String-Lektion in unserem Bausteinbereich zurückkehren. Auch eine solide Wahl. Bist du bereit? Warte, da ist noch mehr. Sobald Sie dieses Rufarray erstellt haben, möchte ich, dass Sie dann das erste Element loswerden und es in einer neuen Variablen namens shout speichern . Hi. Wenn Sie Hilfe benötigen, um ein Element von der Vorderseite eines Arrays zu nehmen, können Sie zu unserer zweiten oder einer Lektion zurückkehren, oder wenden Sie sich an Google. Alles klar, gehen Sie weiter und pausieren Sie ein Video und geben Sie ihm eine Aufnahme in ein paar Augenblicken wird wieder zusammen kommen und eine Lösung finden. Alles klar, wie gehe ich hin? Hoffentlich sind Sie in der Lage, das zusammen zu bringen. Es gibt mehrere bewegliche Teile. Sie werden feststellen, dass als Entwickler in jeder Programmiersprache, die Wichtigkeit, in der Lage, alles, was Sie lernen, synthetisieren zu können. Ich ziehe es zusammen. Lassen Sie uns zuerst ein Array erstellen, das unser Grußarray in ein schreiendes Array verwandelt, wird eine neue Variable namens Shout deklarieren, und wir werden ihm den Wert unserer Array-Begrüßung senden. Wir werden dann die Kartenmethode für unsere Vergewaltigung verwenden, die jedes Element in der Reihenfolge A durchlaufen wird, dass wir einen aktuellen Wert der Anrede gegeben haben. Wir werden dann die Callback-Funktion aufrufen, die wir eine Karte übergeben haben, und auf jedem Element unserer Begrüßung oder in unserem Codeblock für jeden aktuellen Wert werden wir den Wert mit der nach Großbuchstaben Methode zurückgeben. Der in Großbuchstaben verwandelt einen Zeichenfolgenwert in eine andere Groß-/Kleinschreibung. Wenn wir durch jedes Element in unserem Grußfeld gehen, werden wir mit der Dusche Array. Wir haben Großbuchstaben. Hi. Hallo. He. Und danke. Hoffentlich sind Sie in der Lage, diese Punkte zu verbinden. Wenn Sie sich selbst herausfordern wollten, können Sie jetzt ein Array namens Kleinschreibung Schrei erstellen. In der Tat, lassen Sie uns das tun, um sicherzustellen, dass dies sinkt. Wir haben bereits ein Grußarray, in dem alles Kleinbuchstaben ist. Aber stellen wir uns vor, dass das nicht existiert. Und wir wollen alle diese Strings in unser Kleinbuchstaben Array verwandeln wird eine Variable toehold Array namens Begrüßung Kleinbuchstaben Nun, Sohn des Wertes unserer Show Array deklarieren toehold Array namens Begrüßung Kleinbuchstaben Nun, . Nun, dann fügen Sie die Kartenmethode an. Wir werden an die mat-Methode übergeben, eine Callback-Funktion, die auf jedem der aktuellen Werte unseres Arrays mit dem Namen Anrede wieder funktioniert . Dann, in unserem Code für jeden Autowert, werden wir den Wert der Anrede mit der Methode in Kleinbuchstaben zurückgeben, die eine Zeichenfolge in alle Kleinbuchstaben verwandelt . Nun, wenn wir uns die Grußvariable in Kleinbuchstaben ansehen, erhalten wir ein Array mit allen Kleinbuchstaben String-Grüßen. In Ordnung. Der letzte Teil unserer Herausforderung war es, unser High von unserer Duschreihe zu einem variablen namens High Shop zu retten . Wenn Sie ging zurück in was starten Ray-Lektion oder suchte auf Google hoffentlich eine Lösung gefunden . Was nimmt ein Element von der Vorderseite eines Arrays? Die Shift-Methode. Also deklarieren wir eine Variable namens high shout und ihm den Wert unseres Duscharrays zugewiesen . Dann werden wir die Shift-Methode verwenden, um die Vorderseite des Arrays zu entfernen. Wir müssen den Parameter nicht ausfüllen. Wir brauchen kein Argument, weil wir nichts hinzufügen, das einfach einen Wert von der Vorderseite des Arrays entfernt . Wenn wir also auf hohen Schrei schauen, werden wir in allen Kappen hoch. Alles klar, das ist alles, was wir haben. Für jetzt. Vielen Dank für einen ersten Blick auf die Kartenmethode als Funktion höherer Ordnung. Wir sehen uns in unserer nächsten Lektion. 6. JavaScript die Grundlagen – Funktionale Programmierung: Reduzieren: Willkommen zurück bei Java. Script Die Grundlagen. In dieser Lektion setzen wir unser Aussehen ein funktionales Programm fort. Konkret betrachten wir die Reduce-Methode bei einem Rennen. In unseren vergangenen Lektionen haben wir uns Filter angesehen , der Elemente basierend auf einem wahren oder falschen Wert zurückweist, wenn ein neues Array und eine neue Karte erstellt wird, die keine Elemente ablehnt, sondern alle in ein neues Array verwandelt. Gehen wir zurück zu dem Twitter-Bild, das wir sahen, als wir uns diesen Abschnitt über funktionale Programmierung zum ersten Mal angesehen haben, was uns Pseudo-Code für das gibt, was die höhere Ordnung funktioniert. Karte, Filter und reduzieren Do für Matt Way. Sehen Sie, es gibt eine Callback-Funktion, die an jedem Element im Array arbeitet. In diesem Fall ist die Funktion kochen, die jedes Element ein K A gekocht sie in ein neues Array von Popcorn Hamburger verwandelt und so Filter macht, dann verwendet eine Callback-Funktion für jedes Element des Arrays, namens Is Vegetarian und basierend auf einem true oder false Wert, gibt alle wahren Werte in ein anderes neues Array zurück. Jetzt auf zu reduzieren und diese Emoji-Pseudo-Code. Wir sehen, dass eine Callback-Funktion auf jedes Element in unserem Strahl wirkt, aber es tut dies so, dass unser Element Popcorn und Eier Luft auf ein Element in diesem Fall reduziert , das Ende des Verdauungstraktes. Reduzieren ist großartig für die Listentransformation, wenn Sie keine Transformationsmethode vor der Bootsliste finden können, als reduzieren für Sie ist. Die reduzierte Methode wendet eine Funktion gegen einen Akkumulator und jeden Wert aus dem Array von links nach rechts an, um sie auf einen einzelnen Wert zu reduzieren. Reduce-Methode führt eine bereitgestellte Funktion für jeden Wert des Arrays. Der Rückgabewert der Funktion wird gespeichert und dann ein Akkumulator. Lassen Sie uns beginnen, indem wir uns die Syntax der Array-Methode reduzieren hier haben wir Array mit der reduzierten Methode an sie angehängt. Wir haben zu jenem der Funktion mit den Promotern des Akkumulators aktuellen Wert Index Array einen Anfangswert übergeben . Das erste Argument ist Theater Hume, Sie begeistert Ergebnis der Reduktion bisher. Wenn es einen Anfangswert gibt, wird dies im Akkumulator sein, wo wir beginnen, auch als vorheriger Wert bekannt. Dies ist der kumulative Wert, der bei jedem Rückruf zurückgegeben wird. Dies ist erforderlich, als nächstes haben wir den aktuellen Wert. Dies ist auch erforderlich. Dies ist der aktuelle Wert des Elements. Als nächstes haben wir den Array-Index des aktuellen Elements, gefolgt von dem Array-Objekt, zu dem das aktuelle Element gehört. In Ordnung, lassen Sie uns ein Beispiel ansehen, um zu sehen, wie das funktioniert. Lassen Sie uns erklären, eine Variable in Zahlen aufgerufen wird, wird es einen Wert des Arrays mit Elementen 123 und vier signieren . Wir werden die Reduce-Methode auf diesem Zahlen-Array verwenden. Wir werden ihm die Callback-Funktion mit Parametern für Akkumulator und Strom übergeben, die einen Index und dort Ray-Objekt erforderlich, die optional sind. Wir werden auch auf den optionalen Anfangswert angreifen. Jetzt schauen wir mal, was sie tun. Smith. Es sieht aus wie in Aktion unter der Haube. Lassen Sie uns eine Spalte für den Akkumulator aktuellen Value-Index erstellen und ein Ray-Objekt ist auch das Ergebnis zu verfolgen, wo wir sind, weil wir eine reduzierte Methode einen optionalen Anfangswert gegeben , der im Akkumulator sitzen wird, wenn wir anfangen. Unser aktueller Wert ist die Nummer eins bei Index Null des Objektregens. Das Ergebnis unseres Codeblocks des Akkumulators plus aktueller Wert ist sechs. Denken Sie daran, das ist wie eine Schleife, also werden wir uns weiter durch unser Array bewegen. Wir haben noch keinen Wert von sechs angesammelt. Unser derzeitiger Wert liegt in einem Index. Eines unserer Array-Objekt, wenn wir den Akkumulator zum aktuellen Wert hinzufügen, geben wir ein Ergebnis von acht zurück, wenn wir zu unserem Akkumulator zurückkehren. Jetzt mit dem Wert von acht wird es dem aktuellen Wert von drei am Index zu in unserem Array hinzufügen . Objekt mit dem Ergebnis von 11. Endlich gehen wir noch ein Mal durch. Unser Akkumulator hat den Wert von 11 addiert, um den aktuellen Wert von vier bei Index drei für insgesamt 15. Dort gehst du, eine grundlegende Implementierung der Reduce-Methode auf einem Rennen. Gehen wir jetzt weiter und machen Sie dies noch einmal mit einem wenig komplexeren Ansatz. Lassen Sie uns das Vielfache der Erhöhung innerhalb eines Arrays zu einem reduzieren. Array wird beginnen, aber deklariert sie Variable, Multi R genannt, die den Wert des Arrays mit drei Elementen darin signieren wird. Jedes Element ein Array mit zwei Elementen darin wird eine reduzierte Methode an unsere multi r Variable anhängen wird an sie übergeben. Die Callback-Funktion mit den Parametern des Akkumulators, aktuellen Wert-Index und Array der einzige Wert, den wir zurückgeben, wird in Bezug auf den Akkumulator und den aktuellen Kampf sein. Wir werden voran gehen und demonstrieren, was unter der Haube vor sich geht, mit einigen Reihen und Spalten, die zeigen, wie reduzieren funktioniert. Zuerst in unserem Akkumulator, zuerst in unserer Akkumulatorreihe, haben wir bereits einen Anfangswert gegeben, der uns abschleppt. Es ist ein Array mit dem Laster von negativem zwei und negativem eins. Wir können in unserem Codeblock sehen, dass wir den Wert unseres Akkumulators in diesem Fall negativ auf einen negativen zurückgeben werden und Cassin ihn aß kann. Wir haben über die Verkettung im Abschnitt JavaScript von Bausteinen des Kurses gelernt. Fühlen Sie sich frei, um zurück zu gehen, dass oder Google die Dose Katze Methode, wenn Sie eine Auffrischung benötigen. Im Wesentlichen in diesem Fall nehmen wir in diesem Falldie Elemente des Arrays Vergangenheit als Argument für die cat-Methode und fügen sie an das Ende des Arrays. Die Methode ist so angehängt, wenn wir es Array von Null und eins einen Index Null katzen können, die nativ zu und negativ ist. Wir erhalten einen Rückgabewert eines Arrays von negativ zu negativ 10 und eins, wenn wir den Prozess mit einem Akkumulatorwert eines Arrays von negativ zu negativ 10 und eins bei Index eins mit einem Array von Ich zwei und drei wiederholen Prozess mit einem Akkumulatorwert eines Arrays von negativ zu negativ 10 und eins bei Index , und wir können katze dies auf das Ende des Arrays für unseren neuen Rückgabewert. Wir haben eine Reihe von negativen bis negativen 1012 und drei. Wir wiederholen diesen Vorgang noch einmal geben einen endgültigen Wert eines einzelnen Arrays mit den Elementen negativ bis negativ 101234 und fünf zurück . Und das war's. Vielen Dank, dass Sie diesen ersten Blick auf die Methode höherer Ordnung reduzieren für ein Rennen. Wir sehen uns im Labor, um das, was wir gelernt haben, in die Praxis umzusetzen. 7. JavaScript in die Grundlagen – Funktionale Programmierung: Functional des Labs: Alles klar, willkommen zurück im Labor. In unserer Lektion haben wir uns Reduce angesehen. Reduzieren ist ah, Funktion höherer Ordnung reduziert Takes zwei Argumente reduziert wird durch unseren Strahl iteriert und einen Wert an uns zurückgeben reduziert flexible und hochgradig anpassbare Karte und Filter. Wir haben uns bereits eine Art von spezifischen Aufgabe angesehen, aber reduzieren hat ein hohes Maß an Anpassung. Na gut, gehen wir weiter und machen ein Übungsproblem. Lassen Sie uns voran gehen und schauen Sie sich ein Array von Objekten, alle deklarierende Variable genannt Home-Runs und zugewiesen ihm Objekte mit Eigenschaftsnamen für Batting Reihenfolge und Zuweisen dieser Eigenschaften Home-Run-Zahlenvariablen. Unser Ziel wird es sein, alle Home-Runs aus unserer Batting Line-Up zu addieren, wird eine Variable namens Total Homers deklarieren und sie dem Wert ihres Home-Run-Arrays zuweisen und die Reduce-Methode darauf aufgerufen . Wir werden die Reduce-Methode übergeben, eine Callback-Funktion Onley diesmal für die Parameter. Wir werden nicht so beschreibend sein, wie wir in der Lektion waren. Funktionale Programmierung hält es normalerweise ziemlich einfach. Wird die Parameter A und B für den Akkumulator und den aktuellen Wert verwenden. Da wir den Index oder das Array nicht zurückgeben werden. Wir müssen sie wirklich nicht als Parameter angeben, wie wir es in unserer Lektion getan haben. Wir werden Konsolenprotokoll sind Akkumulator und aktuellen Wert zu sehen, was sie tun. jedoch Ich werde die Zeichenfolgejedochnur kumulativ setzen, gefolgt von dem Parameter, der unseren akkumulierten Wert enthält, gefolgt von einem String aktuellen Wert mit diesem entsprechenden Parameter. Nun, dann gib zurück, wonach wir gesucht haben. Das Haus läuft in der Aufstellung. Wir nehmen unseren kumulierten Wert, wenn wir uns durch das Array bewegen und den aktuellen Wert hinzufügen. Wir beginnen mit Null und 12 dann weiter zu 12 und 21 dann auf 33 28 so weiter. Wenn wir den Wert der gesamten Homer zurückgeben, erhalten wir 194. Alles klar, lassen Sie uns voran und beginnen mit ein paar Implementierungen der reduzierten Methode. Mit einer Herausforderung möchte ich, dass Sie eine Reihe von Zahlen erstellen. Lasst uns mindestens fünf benutzen. Ich möchte dann, dass Sie die Reduce-Methode verwenden, um die Summe aller Zahlen zu finden. Als nächstes möchte ich, dass Sie die Reduce-Methode erneut verwenden, um zu finden, was alle Zahlen gleich sind, wenn Sie sie zusammen multiplizieren. Und dann möchte ich, dass du noch eine Sache tust, die ein bisschen Gehirnkraft erfordern könnte. Ich möchte, dass Sie die reduzierte Methode verwenden, um die größte Zahl und ein Array zurückzugeben, das schwierig sein wird . Sie müssen einige, wenn sonst Logik verwenden. Alles klar, gehen Sie voran und positives Video und geben Sie ihm einen Schuss wird in wenigen Augenblicken wieder zusammen kommen und eine mögliche Lösung finden. Alles klar, Wie man geht Diese 1. 2 Herausforderungen waren wahrscheinlich kein Problem für dich, aber hoffentlich erlaubte es dir, das zu verfestigen, was du durch die Praxis gelernt hast. Lassen Sie uns ein Array von fünf Elementen erstellen 5 10 15 2025 Lassen Sie uns zuerst die einige von ihnen alle finanzieren. Ich werde nur reduzieren auf unser Zahlenarray setzen wird es eine Funktion mit Parametern X und Y übergeben . Denken Sie daran, diese sind die gleichen wie unser akkumulierter Wert und aktueller Wert Nun, dann geben Sie den endgültigen Wert zurück, nachdem wir durch das Array gegangen sind. Wenn wir ein schnelles Konsul Dot Log machen, sehen wir, dass fünf plus 10 15 ist. 15 plus 15 ist 30 30 plus 20 ist 50 und 50 plus 25 ist 75. Nun lassen Sie uns das Produkt aller Werte in den Zahlen tun Array wird im Wesentlichen den gleichen Code finden, aber anstelle des Additions Operator wird den Multiplikationsoperator verwenden. Wir haben fünf mal 10 für Wert 50 gefolgt von 50 mal 15 für insgesamt 750 und so weiter bis wir unser Array mit der Summe von 375.000 beenden. Okay, Zeit für eine große Herausforderung. Dies erfordert, dass Sie etwas nachdenken. Sie werden die reduzierte Methode verwenden, um durch unser Array zu gehen und das Element mit dem größten Wert zurückzugeben . Schauen wir uns eine mögliche Lösung an. Wir werden eine reduzierte Methode für das Zahlenarray verwenden wird auf unsere Parameter eines kumulativen und aktuellen Wertes zurückgehen . Dann werden wir in eine bedingte Aussage geraten. Unser Schlüsselwort, wenn wird uns zwingen zu fragen, ob der Ausdruck zwischen den Klammern wahr oder falsch ist . Wenn es wahr ist, haben wir den Co-Block betreten. Wenn es falsch ist, treten wir darüber. Wenn es wahr ist, gibt dem aktuellen einen kumulativen Wert zurück, wenn false den aktuellen Wert zurückgibt. Lasst uns weitermachen und unser Array für diese Herausforderung austauschen. Lasst uns die Befehle ändern. A 10 5 2025 15 und unser erster Durchlauf durch unseren kumulativen Wert wird 10 sein und wir fragen, ob es größer ist als unser aktueller Wert von fünf. Das ist wahr, also geben wir an diesem Punkt den kumulativen Wert von 10 zurück. Aber wir werden weiterhin durch unser Array wiederholen, also werden wir nach dem nächsten Element unserer Rate fragen. 20 als aktuelles Element kleiner ist als der kumulative Wert A, der falsch ist. Also gehen wir zu unserer else Anweisung zurück unseren aktuellen Elementwert von 20. Wir gehen weiter durch unseren Strahl, bis wir den Wert von 25 als einen einzigen Wert des Arrays, das der größte ist, zurückgeben . In Ordnung, wir gehen weiter und schließen mit einem letzten Beispiel, das wir gemeinsam üben werden. Wir werden sowohl die Map-Methode als auch die reduzierte Methode verwenden. Zusammen werden wir die Map-Methode auf einem Array verwenden, um ein neues Array zurückzugeben. Dann werden wir die reduzierte Methode auf diesem Array verwenden, um den neuen Wert der Batterie zurückzugeben , anstatt dies zusammen zu tun. Machen wir es zu einer Herausforderung. Sie haben alles, was Sie brauchen, um dies leicht zu tun. Es könnte etwas Gehirnkraft brauchen und sich an die Verkettungsmethode erinnern, die wir in früheren Lektionen gesehen haben , aber Sie können dies auf eigene Faust erreichen. Gehen Sie weiter und pausieren Sie das Video, und dann kommen wir in wenigen Augenblicken zusammen und finden eine Lösung. Alles klar, wie geht's? Lass uns voran gehen und in Zahlen erstellen. Array wird eine Variable und der Sohn des Arrays mit den Elementen 123 und vier deklarieren. Lassen Sie uns zuerst die Map-Methode implementieren. Alle gehen voran und transformieren jedes Element im Array, indem Sie es mit multiplizieren. Drei wird die Map-Methode anwenden. Tore Nummern Array wird es übergeben, eine Funktion mit dem Parameter der Zahl, um jedes Element in dem Array darzustellen, das wir transformieren werden. Und unser Codeblock wird unser neues Array jedes Elements mit drei multipliziert zurückgeben. Unser nächster Schritt ist, alle Werte dieses neuen Arrays zu nehmen und dort einige zu finden, die die reduzierte Methode zu unserem aktuellen Mantel ändern werden . Wir könnten es auch einfach an die Dreifach-Variable befestigen. Wenn wir in einer weniger effizienten Weise arbeiten wollten, wird es passieren. Die Callback-Funktion mit den Parametern A und B, die den kumulierten Wert plus den aktuellen Wert darstellen . Unsere verdreifachen Werte sind 369 und 12. Und jetzt werden wir diese Werte zusammen hinzufügen. Drei plus sechs ist neun neun plus neun ist 18 und 18 plus 12 ist 30 und jetzt hat unsere Triples Variable den Wert von 30. Das ist alles, was wir jetzt für ein Labor haben. Danke, dass Sie sich mir angeschlossen haben und einen Blick darauf werfen, eine Aktion zu reduzieren. Wir sehen uns in unserer nächsten Lektion.