Transkripte
1. Einführung: gibt es 365 Tage in einem Jahr. Warum nicht 12 dieser Tage nehmen und 30 JavaScript-Methoden lernen? Mit diesem Kurs können
Sie genau das tun, wenn Sie Tag für Tag in Schritt Unterricht kombiniert mit
praktischen Herausforderungen , können
Sie sich in nur 20 Minuten pro Tag für 12 Tage 30 JavaScript-Methoden durcharbeiten. Aber das ist noch nicht alles. Nachdem Sie die 12 Tage abgeschlossen haben, gebe
ich Ihnen einen hochwertigen Spickzettel mit allen 30 Methoden, die Sie an Ihrem Schreibtisch
für den täglichen Gebrauch hängen können . Hi, ich bin Travis Rogers. Ich bin freiberuflicher Webentwickler, Blogger und digitale Strategen über Travis dot media
und hoffe, Sie im Kurs zu sehen.
2. Tag 1 – Split: Hey, Leute. Und willkommen zum ersten Tag. Heute werden wir uns die Split-Methode ansehen, okay? Und nur eine kurze Notiz in diesen Lektionen, ich werde die,
ähm,
Informationen geben ähm, , wie die Methode und ihre Argumente und all das Zeug, und dann gehen wir zu den praktischen Beispielen. Wenn du also die Anweisungen hörst und hörst, was ich sage und du bist, verstehe
ich es einfach nicht,
bleib da rein und wir werden in die praktischen Beispiele für jede Lektion eingehen. Okay? In Ordnung. Also die Split-Methode, was ist die Split-Methode? Die JavaScript-Split-Methode teilt eine Zeichenfolge in ein Array von Sub-Strings. In Ordnung, notieren Sie sich das Wort Zeichenfolge. Dies ist also eine Zeichenfolge, die in ein Array von Sub-Strings von String zu Array aufgeteilt ist. Hier ist ein Beispiel. Also hier ist eine Schnur. Heute war ein sehr produktiver Tag. Nehmen wir an, wir teilen es in diesen Räumen. Es wird so aussehen, als ob diese Theorie UN-Array von Sub-String sein wird. Also heute ist nicht Null Index war in dem einen Index a ist in den beiden Index und so weiter Ein anderes Beispiel. Sagen wir, wir haben es geteilt. Nehmen Sie hier eine Schnur. Hallo. Wie geht's dir heute? Nehmen wir an, wir teilen das im Kama, also haben wir ein Array mit zwei Sub-Strings. Hallo? Teilen Sie es das Komma und dann eine andere Sub-Zeichenfolge. Wie geht's dir heute? Ziemlich unkompliziert. In Ordnung. Es liegt an Ihnen, ihm zu sagen, wo und wie man sich teilt. Die Split-Methode benötigt zwei Argumente und beide sind optional und sie sind Trennzeichen in Limit. Das Trennzeichen bestimmt also das Zeichen, das zum Teilen der Zeichenfolge verwendet werden soll. In Ordnung, das könnte ein Komma sein. Das könnte ein Leerzeichen sein, das der Buchstabe G sein könnte. Wenn er leer gelassen wird, wird
die gesamte Zeichenfolge intakt zurückgegeben. Aber als Array und das Trennzeichen ist, wie Sie es sagen, wo zu teilen. Das zweite Argument besteht darin, ihm zu sagen, wie man spaltet. Das zweite Argument ist also das Limit. Auch optional ist es Die Grenze ist eine Ganzzahl, die die Anzahl der Splits angibt. Artikel danach werden nicht im Lieferumfang enthalten sein. Du kannst also sagen, Hey, ich will nur zweimal teilen und dann abschneiden. Also, ich schaue es dir noch mal an. Die Split-Methode nimmt zwei Argumente Trennzeichen und Begrenzung. Lassen Sie mich Ihnen ein Beispiel zeigen. Und dann lassen Sie uns weitermachen, um Ihnen etwas Übung damit zu geben. Öffnen Sie also Ihren Browser und gehen Sie zu einer Website namens J s console dot com. Ich habe darüber nachgedacht, dies in der Browserkonsole zu tun, aber es ist so klein, gehen
wir einfach zu Js console dot com und Sie erhalten einen Vollbildmodus hier zum Spielen. Schauen wir uns ein Beispiel an. Okay, lassen Sie uns heute einen variablen Anruf haben und lassen Sie uns eine Zeichenfolge setzen, die sagte, heute war ein sehr produktiver Tag und geben Sie ein. In Ordnung, also haben wir eine Zeichenfolge in einer Variablen gespeichert. Nehmen wir an, wir wollen es an die Leerzeichen teilen, also würden wir heute einfach punktgeteilte Klammern setzen, und darin wollten
wir es Argumenten geben. Wir werden, äh, erstes Argument wird der Separator sein, was ein Leerzeichen sein wird. Also werden wir sagen, Zitat Raum Zitat. Das ist das erste Argument Komma, das zu unserem zweiten Argument übergeht. Zweites Argument. Ich will nur drei Worte und dann schneiden Sie die Zeichenfolge ab, aber mein Semikolon und drücken Sie Enter und da haben wir es. Wir haben ein Array von Sub-Strings, das drei der Wörter der Zeichenfolge ist. Also heute waas a simple Alles klar Jetzt lassen Sie mich Ihnen ein paar andere coole Dinge zeigen. In Ordnung, also lassen Sie uns eine andere Variable Variable einfügen. Lassen Sie uns diese Zeichenfolge aufrufen und sagen wir, das wird Spaß machen, in die String-Methode zu schauen . Also hier ist eine andere Variable namens string mit einer Zeichenfolge und lassen Sie mich Ihnen einige coole
Dinge zeigen . Sehen Sie sich diesen String-Punkt in Klammern teilen. Was denkst du, wird passieren? Nun, mal sehen. In Ordnung. Dies verwandelte die ganze Saite in Honore. Keine Unterzeichenfolgen verwandelten die Zeichenfolge nur in ein Array. Sie können sehen, wie das nützlich wäre, die Zeichenfolge in ein Array zu verwandeln. Versuchen wir nun diese Zeichenfolge, nicht geteilt. Und denken Sie daran, letzte Mal haben wir die Zitate mit einem Leerzeichen dazwischen gesetzt. Lassen Sie uns die Zitate ohne Leerzeichen ausprobieren und sehen, was passiert. Also, da wir keine Leerzeichen dazwischen gesetzt haben, ist
es jeden einzelnen Buchstaben aufgeteilt, was wirklich ordentlich ist und genau hier wird es nicht das Ganze zeigen. Also th i s Sub-Strings sind die Buchstaben, einschließlich dieser Leerzeichen. Also, wenn wir das öffnen, werden
wir alle diese Buchstaben hier mit Leerzeichen sehen. Es gibt 54 in der Schnur, also ist das ziemlich ordentlich. Und dann, natürlich, haben wir uns diesen einen String Punkt Split angesehen und dann den Raum gesetzt Dies wird es an
den Raum teilen . Das wird also so sein, dass dies ihr Array von Sub-Strings ist. Cool. Ich denke, du verstehst jetzt den Punkt, also lass mich dir ein paar Dinge zu tun geben. In Ordnung? Also versuchen Sie es. Versuchen Sie es im Kama zu teilen. Also gib das eine Chance. String Punkt Split Komma. Probieren Sie das aus, sehen Sie, was Sie bekommen. In Ordnung. Wie du gesehen hast, gibt es keine Kommas im Senat, also schau dir diesen Boom an. Alles, was es tut, ist ihre Zeichenfolge in ein Array zu verwandeln. Es gibt keine Kommentare, Nein, wo zu teilen. Das war also ziemlich albern. 11 es. In Ordnung. Also versuchen Sie es. Versuchen Sie, es an der g.
Czu teilen. C Das ist gut. Es gibt ein G, um Spaß beim Suchen zu machen. Es gibt ein weiteres G in der String-Methode. Drei G's und der Senat teilen es im G auf,
sehen, was passiert. Alles klar, probieren
wir es aus. Alles klar, also hat es die Saite am G gespalten und den G. abgegraben. Alles klar, also ist es am G gespalten, hat das G herausgenommen. Das ist also eine Sub-Saite und dann ohne die G. Eigentlich gibt es vier Gs Unschuldige, so dass
wir gerade das o i n bekommen, damit Sie es an den Buchstaben teilen können. Aber denken Sie daran, es nimmt die Briefe weg. Also versuchen wir es jetzt mit dem zweiten Argument. Also lassen Sie uns wie String Dot Split g drei tun. Lasst uns verlieren. Probieren Sie G zwei aus und sehen Sie, was das gibt. Okay, also ist es bei den G gespalten, aber nur zwei Mal, richtig? Hier ist also eine Herausforderung für Sie. Okay, das ist wirklich gut. Versuchen Sie, das zu bekommen. Versuchen Sie zu sehen, ob Sie gut machen können. Eigentlich, lassen Sie mich Ihnen zuerst die Saite geben. Also hier ist die Schnur. Hier ist Ihre Herausforderung Variable knifflige Art von Sünde Und setzen Sie das Wort Gosh Geo s H acht Mal Setzen Sie das acht Mal in Hit Enter Ich möchte, dass Sie diesen Satz Sagen gehen, gehen, gehen, gehen, gehen, Go! Also entfernt die s h irgendwie und machen Sie es einfach sagen, gehen Sie Komma, Gehen, Komma Go. Komm her. Ich möchte, dass du es dazu bringst, das zu sagen. Ich will, dass du es schaffst. Sag das, schau nach, ob du es schaffst. Alles klar, hier ist die Antwort. Für den Fall, dass du das hoffentlich hast. Es ist ziemlich unkompliziert. Aber hier ist die Antwort. Wenn du es nicht tust, werde ich mein Ticket aufstellen. Tricky ist die Variable. Ich werde es aufteilen. Und was wollen wir tun, um uns zu versuchen? Geh, geh, geh. Wir müssen das S h entfernen, damit wir es an der S h teilen können. Und denken Sie daran, dass das s Alter entfernt. Also lasst uns versuchen, die Spaltung am S h in meinem zynischen in und geben. Und da ist es. Los, los, los, los, los, los! Tolle Arbeit. Ich glaube, du verstehst das. Die Spaltung bedeutete, dass ich rumsitzen und noch ein paar Dinge ausprobieren würde. Es ist eine Menge, die Sie damit machen können. Sie können reguläre Ausdrücke hinzufügen. Äh, was wirklich ordentlich ist, ich denke, ist ein kleiner Vorsprung für diesen Kurs, aber Stadt oder geben Sie es eine Chance. Probieren Sie lustige Dinge aus, und ich denke, Sie werden es lieben. Siehe, in der nächsten Lektion
3. Tag 2 – Tag: jeder. Und willkommen zu Tag zwei. In dieser Lektion lernen
wir etwas über die Slice-Methode. Alles klar, Was ist die Slice-Methode? Die slice Methode gibt die ausgewählten Elemente in einem Array als neues Array-Objekt zurück. Es schneidet aus, was du ihm sagst. Also haben wir ein Array und wir wollen die Elemente ausschneiden, die wir ihm sagen, dass sie ausschneiden sollen. Das ist alles. Zum Beispiel haben wir
hier kein Array. 0123456 Nehmen wir an, wir wollen ein paar Elemente ausschneiden und wir beschlossen, drei
und vier zu schneiden . Dadurch wird ein neues Array-Objekt mit nur den Elementen erstellt, die wir drei und vier ausgeschnitten haben. Alles klar,
Probe, Probe, notieren Sie sich das Wort Array. Dies ist ein Array-Objekt. Das sind also Scheiben, die auf einer Erhöhung verwendet werden. In Ordnung. Die Slice-Methode hat zwei Parameter. Fangen Sie ein Ende an. In Ordnung. Der Anfang. Der Anfang ist, wo Sie beginnen möchten. Das Slice-Ende ist der Ort, an dem Sie das Slice beenden möchten. Beide sind optional. Genau wie bei der Split-Methode, die wir vorher gesehen haben. Beide sind optional. Alles klar, also der Anfang, schauen wir uns den Startparameter an, der Startparameter ist eine ganze Zahl, also wird es eine Zahl sein. Dadurch wird festgelegt, wo die Auswahl gestartet werden soll. Das erste Element im Strahl im Array hat einen Index von Null, was für JavaScript normal ist, der erste Index des Arrays von Null. Und das ist inklusive. Wenn wir also Null gestartet haben, schließen
wir den Nullindex ein. Wir haben acht angefangen. Wir schließen die achte in nächste, Also der Endparameter ist eine ganze Zahl. Außerdem bestimmt
dies, wo die Auswahl beendet werden soll. Dies ist nicht im neuen Array-Objekt enthalten. Dies ist nicht inklusive,
was bedeutet, dass das neue Array-Objekt nicht das End-Argument enthält. Der Start ist also inklusive. Das Ende ist exklusiv. Also sind es Scheiben direkt vor dem Ort, wo wir enden. In Ordnung,
Zeit, zu einigen Beispielen zu kommen. Ich denke, das war ziemlich unkompliziert. Es ist eine ziemlich einfache Methode. Schauen wir uns also einige Beispiele an. Also öffne deine Js-Konsole. Lassen Sie uns das ausprobieren, damit Sie mich in diesem Teil beobachten können, weil ich Ihnen
in einer Minute etwas zu tun geben werde . Oder du kannst mit mir arbeiten, was auch immer. Aber ich werde eine Variable namens Array erstellen, und ich werde ein Array erstellen. Also werde ich,
ähm, Vögel, Vögel, Bäume, Fischland, sehen auf Booten. Super Original Sag mir, ich soll betreten. In Ordnung, also haben wir ein Array. Uh, also lassen Sie es uns ausprobieren, ohne Argumente zu setzen. Versuchen wir es einfach und sehen, was passiert. Array-Punkt Slice keine Argumente und geben Sie ein. Nichts passiert. Wir haben das Slice oder in der Größe nirgendwo gestartet. Das macht also nichts. Versuchen wir es noch mal. Wie wär's damit? Array-Punkt Sliced kann kein Ray-Dot-Slice eingeben. Und lasst uns so etwas wie eins drei versuchen. Also beginnend bei einem Ende in drei jetzt vor, Wenn Sie mit mir folgen, bevor wir betätigen. Denk darüber nach, was passieren wird. Wir wollen das Slice es eins starten. Das werden also Vögel sein. Nullbäume sind eins. Also fangen wir in Bäume an, die inklusive sind. Also werden wir Bäume haben, und wir werden es um drei schneiden. Also 01233 ist Land, und das ist exklusiv. Also schneiden wir gleich davor. Also holen wir einfach Bäume und Fische in diesem neuen Array. Denken Sie daran, dies ist ein neues Array-Objekt. In Ordnung. In Ordnung. Gut. Also Zeit für Sie, um loszulegen. Probieren wir es zusammen aus, und ich werde Ihnen die Chance geben, zu sehen, ob Sie einige davon lösen können. Also lasst uns ein neues Array erstellen. Lassen Sie mich meine Seite aktualisieren, und ich gebe Ihnen eine neue Arbeitsrate mit so variablem Array gleich und sagen wir,
äh, Feuer, Wasser, Eis, Dampf, Dampf, Sand und Gras. Alles klar, damit werden wir arbeiten. Ich werde Enter drücken. Alles klar, wir haben kein Array. Probieren
wir ein paar Dinge aus. Versuchen Sie eine Strahlpunktscheibe Null, um bei Null zu beginnen. Beenden Sie es für, bevor Sie treffen. Geben Sie ein. Was denkst du, wird passieren? Denken Sie darüber nach und versuchen Sie es dann. In Ordnung, ich werde Enter drücken, und wir sehen, dass es mit Beginnt es Feuer, das ist der Nullindex 01234 Sand ist der vierte, also schneidet er gleich davor. Also sollten wir Feuer,
Wasser,
Eis und Dampf bekommen Wasser, . Das ist es, was wir haben. Probe genug. Die Slice-Methode ist sehr einfach, aber es ist sehr wichtig, es ist eine sehr nützliche Sache. Alles klar, hier ist eins für dich. Probieren Sie das aus. Array Punkt Scheibe setzen nichts, Komma drei. Also lassen wir das erste Argument leer Komma drei. Mal sehen, ob das funktioniert. Kein Fehler. Das funktioniert nicht. Lassen Sie uns versuchen, diese Array-Punktscheibe und setzen Sie einfach die Nummer drei nicht schlagen. Geben Sie ein. Was denkst du, wird hier passieren? Glaubst du, das wird ein Ausgangspunkt oder ein Endpunkt sein? Probieren Sie es aus und sehen Sie, was passiert. In Ordnung. Also werde ich Enter drücken, um die Antwort zu sehen, und es ist ein Ausgangspunkt. Also, wenn Sie nur ein Argument setzen, wird
es davon ausgehen, dass das der Ausgangspunkt ist, weil Sie nirgendwo enden wollen. Du wolltest nur das Ganze von diesem Ausgangspunkt aus. Also Array in Scheiben geschnitten drei wird die 3. starten 1 Also Feuer Null Wasser, ein Eis zu Dampf. Drei bis zum Ende. Wertschätzung. Sand Gras Gut. Tolle Arbeit. Hier ist ein kniffliger. Was sind zwei Möglichkeiten, das letzte Element des Arrays auf Lee zu bekommen, das Gras Zwei verschiedene Wege ist. Was meinst du? Probieren Sie es aus und sehen Sie was? Sehen Sie, was Sie dort bekommen können, zwei Möglichkeiten, es zu bekommen. In Ordnung, ich
zeige Ihnen die beiden Wege. Zunächst einmal, schwächen, lasst uns eine Strahlpunktscheibe setzen und wenn wir zählen, wollen
wir nur Gras bekommen. Wir sollten in der Lage sein, Feuer 012345 zu sagen, also sollten wir einfach in der Lage sein, fünf zu setzen. Und los geht's. Das ist Gras. Gut. Aber es gibt einen anderen Weg, und Sie wissen es wahrscheinlich schon. Wenn Sie nicht hören, ist es Array-Punkt-Slice negativ, ein negatives gibt Ihnen die 1. 1 am Ende. Alles klar, Gras. In Ordnung. So können Sie auch negative verwenden. Wie bekommen wir die letzten beiden mit einer negativen Zahl? Denk darüber nach. Wenn das erste Argument der Ausgangspunkt ist, wie bekommst du das letzte, um es auszuprobieren? Das wäre Sand und Gras. In Ordnung, lass mich es dir zeigen. Oder eine Punktscheibe. Wenn negativ der 1. 1 ist, wie wäre es dann negativ, um die 2. 1 zu sein? Und da wir keine Endung setzen, wird
es nur den Rest von ihnen zählen. Also lasst es uns versuchen. Negativ, zu genial. Sand und Gras. Und hier ist die letzte Herausforderung für dich. Wie bekommen wir Wasser so Wasser, Eis und Dampf mit zwei negativen Zahlen. Wenn die Argumente beginnen, ein Ende. Alles klar, also Anfang am Ende wird zu negativ sein. Zahlen. Wie bekommen wir nur Wasser, Eis und Dampf? Probieren Sie es aus. Überlegen Sie es und ich gebe Ihnen die Antwort. In Ordnung. Hoffentlich hast du das verstanden. Wenn Sie Problem nicht kannten. Es ist ein wenig knifflig, aber wir machen nur diese Array-Punktscheibe und wir müssen negative Zahlen. Also, wenn Gräser negativ sind, lassen Sie uns darauf zählen. Also wollen wir Wasser,
Eis und Dampf holen . So negativ ein negatives bis negatives drei. Negativ vier. Negative Fünf. Wasser ist also negativ. Fünf, und wir wollen es in Scheiben schneiden Wir wollen Wasser,
Eis und Dampf bekommen . Wir wollen es in Scheiben schneiden. Es ist Dampf. So negativ fünf Negative vier. Negativ drei. Und denk dran, wir müssen los. Noch ein Negativ,
denn das ist exklusiv. So können wir auch negativ ausdrücken. Und getroffen, Geben Sie Boom Wasser, Eis und Dampf. Die Slice-Methode ist also ziemlich einfach. Ich hoffe, das war hilfreich. Spielt weiter damit. Bleiben Sie hier auf Js Consul, spielen Sie
weiter herum und probieren Sie einfach verschiedene Dinge aus und stellen Sie sicher, dass
Sie alles austippen und Sie werden super daran gewöhnt sein, wenn Sie fertig sind. Cne Tag drei
4. Tag 3 – Tag mit einer Unterlage, einer Substanz: Hallo, alle. Und willkommen zu Tag drei. Für Tag drei werden
wir drei Methoden lernen. Slice Sub-Saite in sub stra oder S u B str. Jetzt denkst du vielleicht, Warte, wir haben schon geschnitten und drei sind zu viel, um an einem Tag zu lernen, oder? Nein. Lassen Sie mich erklären, dass die Slice-Methode, die wir in unserer letzten Lektion gelernt haben, eine Array-Methode war, aber sie kann auch als String-Methode verwendet werden. Der Unterschied besteht darin, dass anstelle des Slicings der Array-Index die
Zeichenfolgenzeichen daran erinnern, dass es zwei Parameter ein Ende hat und dass dies die numerische
Position sind , beginnend mit Null. Alles klar, Anstatt
also den Array-Index zu schneiden, ist es, die String-Zeichen zu schneiden, lassen Sie mich Ihnen ein Beispiel geben. Also hier haben wir eine Variable namens string, die diese Zeichenfolge enthält. Jetzt ist dies eine Zeichenfolge, die geschnitten werden soll. Das ist ihre Schnur. Nehmen wir an, wir haben String-Punkt-Scheibe drei und acht gemacht. Also, beginnend mit drei indischen Acht, würde
dies uns eine neue Zeichenfolge von Komma Raum th i. Nun können Sie hier feststellen, dass der weiße Raum in der Kama enthalten ist, also schauen wir uns das an. Also beginnend mit der dritten Position. Also in einem 00 ist ein W zwei im Komma drei. Also beginnend mit dem Komma, das ist, was wir hier haben und eine Acht beenden Also drei Vieren Der weiße Raum 5678 ist die s. Also sind es Scheiben gleich davor. Also bekommen wir es genau wie dieses Komma-Leerzeichen. Th ich ziemlich einfach. Ich glaube, du verstehst es. So kann Slice als Array oder String verwendet werden. In Ordnung, die 2. 1 Nun ist das hier super einfach. Denken Sie daran, dass diese Sub-Zeichenfolge genau das gleiche Segment ist,
mit dem einzigen Unterschied besteht darin, dass sie keine negativen Werte akzeptieren kann. Also nein, diese Methode, falls Sie es sehen, sonst verwenden Sie nur Slice. Ok. Sub-String hat einen Mangel. Negative Werte können nicht verwendet werden. Geh einfach mit Scheibe. So Sub-String ist auch einfach. Jetzt schauen wir es uns an. Ich weiß nicht, wie Sie diese sub stra s u b str aussprechen. Schauen wir uns das an. Das ist noch ein leichtes. Was ist das? Ich werde es nur Unterbau nennen. Nennen wir es so. Was ist diese Substra-Methode? Die Sub-Stra-Methode extrahiert Teil einer Zeichenfolge beginnt am Zeichen der angegebenen Position und gibt zurück. Die angegebene Anzahl von Zeichen klingt sehr wie Slice, aber es ist ein wenig anders. Es hat zwei Parameter, nicht Startende, sondern Startlänge. Alles klar, so Substrat hat zwei Parameter beginnen in der Länge, der erste Parameter Start. Dies ist ein erforderlicher Parameter. Du musst es benutzen. Dies ist die Ausgangsposition. Denken Sie daran, dass das erste Zeichen Null ist. Also Start ist genau wie Scheibe. Der erste Parameter sub stra ist start require. Die zweite Parameterlänge ist optional, wenn Sie nichts setzen, wird die gesamte Zeichenfolge ausführen. In Ordnung, also ist die Länge die Anzahl der Zeichen, die nach der Ausgangsposition extrahiert werden sollen. Wenn leer, werden alle Zeichen nach dem Startpositionsbeispiel angezeigt. Ich glaube, wir haben es. Also Zeit, einige Beispiele zu betrachten. Also, wie immer, gehen
wir zur Js-Konsole und lassen Sie uns etwas Arbeit machen. Ordnung, an
diesem Punkt könntest
du mich einfach beobachten. Du kannst, ähm,
mitmachen, wenn du willst. Ich werde Ihnen in einer Minute einige Herausforderungen geben, aber ich werde Ihnen nur ein paar Dinge zeigen. Nehmen wir an, wir haben eine variable Kostenzeichenfolge, die besagt: Dies ist Tag drei und lassen Sie uns versuchen. Lassen Sie uns diesen String Dot Sub Stra ausprobieren und setzen wir eins und drei Also, bevor ich Enter
trage, lasst uns darüber nachdenken. Also beginnend an der einen Position, die die T A Null h sein wird, ist eins. Also wird es mit H beginnen und es wird drei Leerzeichen zählen und du musst auch das
H zählen . Die Länge beträgt also drei. Stellen Sie sicher, dass Sie diesen Startpunkt zählen, also beginnt er H im Landkreis. Ausgehend von Alter, wir haben h ein I zwei s drei Also drei Leerzeichen und drücken Sie geben h I s wunderbar. Denken Sie also daran, wenn Sie bei einer Zahl beginnen, in der Sie einen bestimmten Betrag zählen, ist
diese Zahl die erste Zählung. In Ordnung, lassen Sie mich Ihnen das nochmal zeigen. Ah, String Sub Stra und lass uns etwas anderes machen. Lassen Sie uns Null wollen und in Ordnung, Also Null ist die t Also lasst uns zählen, beginnend bei der t So 12345 ist der weiße Raum 678 ist der weiße Raum und das ist, was wir haben, das ist einfach genug. Aber denken Sie daran, wenn Sie den Link zählen, um sicher zu zählen, dass Start sie
Startcharakter ist Nun, Ordnung, Jetzt lassen Sie uns das ausprobieren. Äh, String Sub-Strah. Und dann lasst uns einfach eine Nummer reinlegen. Was denkst du, wird passieren, wenn wir die Nummer sechs setzen? Ich denke, es wird der Start- oder Endpunkt sein. Nun, denken Sie daran, der Start ist erforderlich, also denke ich, dass der Anfang sein wird und gerade den Rest der Buchstaben in der
Schnur zurückgegeben wird. Und das ist genau das, was es ISS so beginnt an der S. Also, beginnend an der sechs Position, Also t zu sein 00123456 ist die s und dann der Rest der Saite. So einfach genug. In Ordnung, Zeit für dich, ein paar Übungen auszuprobieren. Ich habe ein paar für dich. Lassen Sie uns also eine neue Variablenzeichenfolge machen. Und jetzt bin ich dran. Whoops. Hat sich gedreht, um es auszuprobieren. Also geh weiter und gib die Zeichenfolge ein und lass mich dir ein paar Übungen geben. Übung eins. Versuchen Sie, Onley eine neue Saite von heraus zu produzieren. Sehen Sie dieses Wort ganz am Ende des Satzes. Versuchen Sie, eine neue Zeichenfolge mit nur diesem Wort zu erzeugen. Alles klar, so
werden wir es tun. Also Saitensubstrat. Und dann werden wir den ganzen Weg im Oh beginnen, also schauen wir mal, wie wir das machen werden. Also, als 00123456 Erinnern Sie sich an den entgegengesetzten Apostroph? 789 10 11 12 13 14 15 16 17 18 1920 2122 23 24 25 26 27. Also werden wir bei 27 beginnen und wir wollen den Zeitraum nicht einbeziehen. Das wird also 27. Und wir werden diese Länge gehen, beginnend bei der 123, also werden wir 27 in drei setzen, und wir sollten einfach das Wort rausholen. Da gehen wir. Ich hoffe, du hast das richtig verstanden. Trainieren Sie auch. Versuchen Sie, auf Lee,
den letzten Tee der gesamten Saite mit einer negativen Zahl zu produzieren . In Ordnung. Vergiss nicht die Zeit dort. Sehen Sie, ob Sie das herausfinden können. In Ordnung? Also, wenn die Zeit nicht wäre, gäbe es einfach. Wir benutzen nur einen negativen, aber wir wollen nur den Tee bekommen. Also müssen wir so etwas wie dieses String-Substrat machen. Und dann machen wir ein Negativ zu zwei angefangen, dass T und wir wollen nur einen
Charakter nehmen , also wollen wir diese Periode nicht einschließen. Also werden wir negative zwei setzen und dann nur eins und schlagen. Geben Sie ein. Und da gehen wir. Wir haben den Tee, hoffentlich haben wir das auch richtig verstanden. Ordnung, Übung drei in der obigen Saite hier oben. Jetzt bin ich dran, es in der obigen Zeichenfolge auszuprobieren, mit dem Buchstaben m von mir zu
beginnen und alle Zeichen zu extrahieren und zu extrahieren, bis die
im Versuch sind . Beginnen Sie also mit dem M hier und extrahieren Sie alle Zeichen auf die sind. Und warum? So viel. Sehen Sie, ob Sie so viel von dieser Zeichenfolge extrahieren können. Alles klar, lassen Sie es uns zählen. Im Sein 00123456 Apostroph. 789 Also fangen wir bei neun an. Neun und wir wollen zum sind gehen. Also die Neun ist das M, also fangen wir an, hier zu zählen. 123456789 10 11 12 13 So neun begann den neunten Index und gehen 13 für Länge. Und sieh mal, was wir an der Reihe sind, um TR aufzuhören, bis sie es sind. Ich habe Ihnen nicht gesagt, dass Sie das Be I enthalten, ausschließen oder einschließen sollten, wenn Sie es ausgeschlossen haben. Vielleicht hast du es so verstanden. So oder so, du hast den Punkt. Jetzt ist die letzte Übung Start mit gestartet Null. Beginnen Sie also gleich hier am Anfang und extrahieren Sie alle Zeichen bis zu den s im Wort es ist Das bedeutet, auf und mit dem Apostroph zu stoppen. Also dieser hier bis s, damit du direkt vor den s schneidest und einfach mit dem
Apostroph rein wirst. Also lassen Sie es mich nochmal sagen. Begann Null und gehe den ganzen Weg bis zum S in seiner, aber ohne die s. In Ordnung. Schauen wir uns an, wie das geht. Also beginnend bei Null und bis zum Apostroph darin, also Null. Jetzt fangen wir an zu zählen. 1234567 Also gehen wir sieben Räume und sind beendet. Es ist jetzt Apostroph. Also denke ich, du hast den Punkt verstanden. Bleiben Sie hier und probieren Sie es aus. Es ist eine großartige Methode zu wissen, dass es eine gute Möglichkeit ist, Zeichen aus einer Zeichenfolge zu extrahieren und
die zu verwenden , die Sie brauchen, also hoffentlich hilft das. CNE Tag vier.
5. Tag 4 – Tag: Hey, Leute. Willkommen. Heute, vier. Heute werden wir lernen, Methoden umzukehren. Genießen. In Ordnung. Die erste Methode ist die umgekehrte Methode. Dies ist eine Javascript-Array-Methode. Notieren Sie das Wort array. Die umgekehrte Methode kehrt nur die Reihenfolge eines Arrays um. Es hat keine Parameter. Es ist einfach umgekehrt. Lassen Sie mich Ihnen einige Beispiele zeigen. Öffnen Sie also Ihre Jazz-Konsole und lassen Sie mich Ihnen einige Beispiele für die umgekehrte Methode zeigen. Und wir werden das tun. Wir werden rückwärts machen. Ich zeige Ihnen ein paar Beispiele, bei denen wir mitmachen werden. Ich zeige Ihnen ein paar Beispiele, und dann machen wir ein paar Herausforderungen. Also lassen Sie uns das ausprobieren, damit Sie einfach nochmal sehen können, bevor Sie teilnehmen können oder
so, also hier ist eine Variable namens Array, und in ihr werde
ich ein paar Buchstaben setzen. Wie wär's mit, äh, Bar und dir? Er und oh, ich verstehe. In Ordnung, also werde ich Enter drücken und werde einfach umkehren. Also haben wir hier kein Array mit einem Array von Sub-Strings. In Ordnung, also haben wir ein paar kleine Saiten im Array. Ähm, also haben wir Index 012 bla, bla, bla. Alles, was wir tun werden, ist das umzukehren. So einfach. Keine Argumente. Sie haben gerade Array-Punkt Reverse bam getroffen! Und Sie haben Computer. In Ordnung. Ziemlich glatt, was? In Ordnung, also haben wir es einfach weggenommen, und wir haben es umgekehrt. Das war's, das ist alles. Reverse tut gut, Seymour die Mawr benutzen es hier in einer Minute. Aber jetzt springen
wir zu ihrer nächsten Methode. Alles klar, Ihre nächste Methode ist die Join-Methode. Die Join-Methode verbindet die Elemente eines Arrays. Das ist also auch ein Array, von dem wir sprechen. Es verbindet die Elemente eines Arrays in eine Zeichenfolge und gibt einen String. In Ordnung, also nimmt es die Elemente eines Arrays, verbindet sie in eine Zeichenfolge, gibt
nur die Zeichenfolge einfach genug zurück. Es hat ein Parametertrennzeichen. Diese Parameter, wo Sie angeben, was Sie wollen. Die Elemente, durch die getrennt werden sollen. Das habe ich. Das ist Option. Ich wollte sagen, dass dies optional ist, keine Option in der Standardeinstellung ist das Komma. Also Zeit für einige Beispiele, und dann werden wir zu einigen Herausforderungen springen. Schauen wir uns also wieder an, um die Js-Konsole anzuschließen und wir werden sehen, wie das funktioniert. In Ordnung, also lassen Sie uns eine andere Variable namens Array machen und wir werden, ähm, benutzen
wir unser Array von vor einer Minute. Ich kann einfach den Hochknopf drücken. Und tatsächlich, wo wir das tun müssen, ist
es immer noch definiert. wir sicher, Ordnung, ja. Also haben wir immer noch das Array umgekehrt. Lasst es uns wieder dahin zurückkehren, wo wir es am Anfang hatten. Alles klar, da gehen wir. Also haben wir unseren Arbeitscomputer rückwärts. Jetzt nehmen wir das Genießen-es. Lassen Sie uns keinen Separator setzen. Lassen Sie uns einfach um, Array Dot Join und sehen, was passiert. Boom. Also haben wir dieses Array und es verbindet es,
äh, äh, in eine Zeichenfolge, die durch Kommas getrennt ist. Denken Sie daran, dass das Komma standardmäßig ist. Also haben wir kein Trennzeichen als Argument gesetzt, also benutzte es das Komma. Also lasst uns das versuchen. Lassen Sie uns sehen, dass Ray immer noch existiert, weil es eine neue Zeichenfolge erstellt. Nun versuchen wir diesen Array-Punkt Join und dann lassen Sie uns hier ein Trennzeichen setzen. Wie wäre es mit einem Bindestrich? Mal sehen, wie das aussieht. In Ordnung. Dasselbe, aber ohne Komma haben
wir einen Bindestrich. Willst du Leerzeichen zwischen den Buchstaben? Wie wär's damit? Arrayed dot Join Setzen Sie einen Raum dort. Und jetzt haben wir Zwischenräume. Wunderbar. Wirklich cool. Jetzt kannst du experimentieren. Sie können eine Pipe verwenden. Sie können ein paar Buchstaben verwenden. Sie können einige Symbole setzen. Hier ist eine Herausforderung für Sie. Versuchen Sie, das zu bekommen. Lassen Sie mich meine Seite aktualisieren. Hier ist eine gute Herausforderung für Sie. Versuchen Sie, so weit zu kommen. Das war schwer zu besprechen. Alles klar, sieh dir das hier an. Versuchen Sie, das zu bekommen. In Ordnung. Also lassen Sie mich einfach verstehen, das wird ein Fehler sein. Also hier sind Ihre Array-Hoffnungen. Wo immer es nicht mehr definiert,
sehen Sie, ob wir es wieder nach oben bringen können, indem wir die Kia nach oben schlagen. Also hier ist unser Strahl. Versuchen Sie, das hier oben zu bekommen, sehen Sie, ob Sie das bekommen können. Also werden wir uns durch etwas trennen, und wir wollen sicherstellen, dass Sie den Platz dort platzieren. Probieren Sie es aus. In Ordnung. Das war ein bisschen knifflig, aber lass mich dir zeigen, wie es geht. Wenn du es nicht verstanden hast. Wie wäre es mit diesem Array-Punkt Join. Und dann sieht es so aus, als wären Sie Separatoren diese Klammer Raumklammer. Probieren wir das aus. Los geht's. Ja. Also haben wir nur durch Klammerraum getrennt zurück. Alles klar
, hier ist Ihre Herausforderung für heute. Lassen Sie uns versuchen, ein paar Dinge für eine Herausforderung zu kombinieren. Denken Sie daran, die Slice-Methode. Denken Sie daran, es braucht zwei Argumente. Trennzeichen und Begrenzung. Hier ist Ihre Herausforderung für heute. Nimm diese Schnur. Hoppla. T n E l l E c xy Dies ist das Wort ausgezeichnet. Rückwärts. Nehmen Sie diese Zeichenfolge in, Umkehren Sie sie in eine neue Zeichenfolge. Ausgezeichnet. Jetzt denkst du vielleicht, Hey, ich könnte es einfach umkehren, aber du kannst es nicht. Sie müssen tatsächlich die Slice-Methode, die umgekehrte Methode und die gemeinsame Methode verwenden. Also lass mich dich hier loslegen. Lassen Sie uns eine variable Split String erstellen und haben es gleich dem Wort Excellent rückwärts, die t n e l l E c x e ist . Also lassen Sie uns dies zu unserem Ausgangspunkt machen und sehen, ob Sie die Zeichenfolge nehmen und sie auf
die neue Zeichenfolge umkehren können. Ausgezeichnet. Und ich zeige Ihnen die Antwort in einer Minute. Aber zuerst versucht, natürlich. In Ordnung. Hoffentlich hast du das verstanden. Wenn Sie Probleme nicht wussten, werden
wir es jetzt durcharbeiten, also haben wir eine variable Split-Zeichenfolge mit dem Wort ausgezeichnet rückwärts. Lassen Sie uns innerlich treffen und das erste, was wir tun wollen, ist, dass wir die Zeichen
dieser Zeichenfolge in Array-Elemente aufteilen wollen. Alles klar, wie machen wir das? Wir machen das mit Split, also probieren wir es aus. zunächst Lassen Sie unszunächsteine Variable dafür erstellen. Also, wie wäre es mit Element Array? Und sagen wir Split Spring Dot Split. Also werden wir die Split-Methode verwenden. Und denken Sie daran, wir wollen es mit jedem Buchstaben anzeigen. Also schwächen einfach setzen ist Luft Argument zwei Anführungszeichen. Es gibt keinen Platz dazwischen, also wird es jeden einzelnen Buchstaben teilen und die Eingabetaste drücken. Mal sehen, wie das aussieht. Element-Array. In Ordnung, wir haben das Wort ausgezeichnet rückwärts nicht mehr als String, sondern ist besser als ein Array von Sub-Strings. In Ordnung, also werden alle Buchstaben in einer Schnur zerbrochen. Also haben wir dieses Array rückwärts. Was denkst du, müssen wir als Nächstes tun? Wir können es nehmen und umkehren. Lassen Sie uns also eine Variable erstellen. Nennen wir es umgekehrt. Array ist gleich Element Array Punkt Reverse. Dies sollte ihr Array umkehren. Mal sehen, wie es aussieht. In Ordnung. Ausgezeichnet. Wir haben das Array jetzt von ausgezeichnet umgekehrt Also das letzte, was wir tun müssen, ist, dass wir diese Sub-Strings
nehmen und sie zu einer Zeichenfolge verbinden müssen . Nun, wie machen wir das? Denken Sie daran, dass die gemeinsame Methode die Elemente eines Arrays in eine Zeichenfolge verbindet und einen String zurückgibt. Und denken Sie daran, es hat einen Parameter das Trennzeichen. In diesem Parameter geben Sie an, wordurch die Elemente getrennt werden sollen. Also, was wollen wir? Die Elemente hier durch Nothing getrennt werden. Weil wir eine Saite sein wollten. Wir wollen keine Räume. Also werden wir einfach den Strahlpunkt Join umkehren und wir wollen nicht, dass er
durch irgendetwas getrennt wird . Also werden wir nur Pro-Zitat nichts dort setzen. Keine Kommas, keine Pfeifen, nichts. Und wir hoffen, dass wir es definieren müssen. Also, variabel. Nennen wir das, ähm, mitmachen. Array gleich und lassen Sie uns das treffen. Also schließen wir uns an. Alles klar, mal sehen, wie das aussieht. Und da haben wir es. Das ist ihre Schnur. Ausgezeichnet. Also verwenden wir Slice, wir sind umgekehrt, wir verwenden Join, und wir haben die Zeichenfolge. Tolle Arbeit. Jetzt ist hier eine Bonus-Herausforderung für Sie. In Ordnung. Sind Sie bereit für eine Bonus-Herausforderung. Probieren Sie das aus. Also nimm diese Schnur. Ich werde eine Variable erstellen und sie heute anrufen. Nehmen Sie diese Zeichenfolge heute Arbeit großartig. Nimm diese Saite und wende sie in eine neue Saite um, die große Arbeit heute sagt. Jetzt ist dieser ein wenig anders, weil Sie ein Sie haben drei Wörter mit einem Leerzeichen dazwischen. Nehmen Sie sich also ein wenig Zeit, darüber nachzudenken und versuchen Sie, es zu durcharbeiten. Wenn du es nicht schaffst, keine Probleme. Komm zurück und wir gehen zusammen durch. In Ordnung? Hoffentlich hast du das verstanden. Also lass mich schlagen. Zurück hierher. Was tun wir jetzt nicht? Was wollen wir tun? Wir wollen das natürlich in ein Array
aufteilen . Aber was wollen wir es teilen? Wo wollen wir es aufteilen? Lassen Sie uns also eine Variable erstellen. Und wir sollten es einfach dasselbe nennen, was Element Array heute gleich ist. Und denken Sie daran, letzte Mal, wenn wir es durch jeden Buchstaben dieses eins geteilt
haben, wollen wir nach jedem Wort teilen, damit wir heute Dot Split sagen können und dann setzen wir Zitate, Leerzeichen Zitat. Also wird es es an den Leerzeichen teilen, also wird es es nach jedem Wort teilen. Also hatten wir betreten und mal sehen, wie das aussieht. Element-Array. Okay, also hast du ein Array von Sub-Strings. Die drei Worte. Was machen wir jetzt? Wir kehren es um. Dieser Teil einfache Variable hat den Regen umgekehrt und Sie können Ihre Variable benennen, was Sie wollen. Umkehren Sie den raying relevanten Element Array Punkt rückwärts und drücken Sie zurück und lassen Sie uns sehen, wie
das aussieht . Alles klar, jetzt haben wir ein Array mit ihren drei Wörtern. Der richtige Weg ist jetzt umgekehrt. Das Letzte, was wir tun müssen, ist, dass wir uns dem anschließen müssen, aber wir müssen uns anschließen. Es hat also immer noch diese Räume dort. Lassen Sie uns also eine Variable namens Join Array erstellen. Und wir wollen diese Umkehr des Rennens beizutreten. Also lassen Sie uns umgekehrte Array-Punkt-Join tun. Und was wollen wir, dass unser Separator ist? Natürlich, Ein Raum. Also werden wir Zitat Raum Zitat und das sollte uns wieder zusammenbringen. Mal sehen, da ist es große Arbeit heute. Hoffentlich war das aufregend. Die Join in der umgekehrten Methode werden viel verwendet, um sich etwas Zeit zu nehmen, um sich damit vertraut . Und wir sehen uns Tag fünf
6. Tag 5 – Schock, Entschädigung, Pop-, - Push-Verfahren: Hey, Leute. Und willkommen zu Tag fünf. Heute werden wir lernen, vier Methoden verschieben unsicher ift Pop und Push. Klingt nach viel, aber sie sind sehr verwandt. Also werden wir zu einem Raise springen und ein paar grundlegende Array-Methoden abdecken, die Sie viel
verwenden werden . Okay, du musst dich an diese vier Methoden gewöhnen. Nun, Sie denken vielleicht, Sie wissen das bereits,
aber seien Sie versichert, es gibt ein paar Dinge, die Sie grasen müssen, bevor Sie das beanspruchen können, werde
ich Ihnen erklären. In Ordnung. Thes Meth. Diese Methoden, wie wir erwähnt oder Pop Push, Shift und on Shift hier, ist ein einfaches Diagramm, das den Kern davon erklärt. Also hier haben wir eine variable Vögel, die eine Reihe von Vögeln hält. Es sind also fünf Vögel in Unordnung, die wir an der Vorderseite des Arrays sehen. Wir haben eine Verschiebung in einem unsicher, ob Methoden, so dass die Verschiebung der UN-Verschiebung mit der Vorderseite des Arrays zu tun haben. Die Verschiebung entfernt ein Element aus dem Array. Unsheathed setzt ein Element auf die Vorderseite eines Arrays ein. Hier drüben am Ende haben
wir Pop und Push. Pop entfernt ein Element vom Ende des Arrays schiebt ein Element auf das Ende eines Arrays. Also erinnere ich mich gerne daran, denn wenn man darüber nachdenkt, wenn sich etwas verschiebt, wenn man etwas nach unten verschiebt, dann bewegt sich alles nach unten. Also möchte ich sagen, wenn ich etwas aus dem Array von der Vorderseite verschiebe, werden sich
der Rest der Elemente auch nach unten bewegen. So erinnere ich mich daran, dass Shift in der Front war, wenn
du weißt,dass du weißt, man sich verschiebt, sie auch knallen. Drücken Sie beide Erbsen. Sie können sich daran erinnern, dass die Erbsen oder am Ende, Sie können sich auch daran erinnern, dass wir das Ende des Arrays abbrechen werden. Es gibt also eine Menge Dinge, die Sie tun können, um sich daran zu erinnern, aber das ist der grundlegende Kern davon in einem Diagramm. In Ordnung, also Schicht und Schicht, werden
wir über diese beiden reden. Erstens entfernt
diese Shift-Methode das erste Array-Element in verschiebt alle anderen Elemente auf einen niedrigeren Index. Also entfernst du Null. Sie entfernen dieses erste Array-Element in allen anderen. Verschieben Sie einen einfach nach unten. Ordnung, aber es gibt ein paar Dinge zu beachten, und lassen Sie mich mit einem Beispiel erklären. Also lasst uns hier raus gehen und ihre Js-Konsole öffnen, die wir die ganze Zeit
Js Console dot com benutzt haben und ich werde ein Array namens Ray erstellen. Und ich werde ein paar Zahlen von eins bis drei hineinlegen,
denn in Ordnung, ich werde eins bis sechs in diesen Regenschlag stecken. Geben Sie ein. Jetzt. Sieh dir das an. Was ich tun möchte, wenn ich das erste Element mit einem entfernen möchte, lege
ich einfach Array-Punktverschiebung, und dies wird das erste Element des Arrays entfernen. Also lass mich schlagen, zurückkehren und schauen, was passiert. Es gibt das erste Element eins. Also sagt es mir genau hier. Dies ist das Element, das ich entfernt habe. Denken Sie also daran, die Shift-Methode gibt das Element entfernt zurück. Also, wenn ich jetzt mein Array überprüfe, wird
es fehlen das eine und alles andere, das nach unten gerutscht ist, nach unten
verschoben. In Ordnung, also denk darüber nach. Was, wenn wir das wieder da drauf hinzufügen wollen oder was? Wir wollen wie ein anderes Element setzen, wie 100 oder 500 oder drei oder so? Was ist, wenn wir hinzufügen wollen. Bleiben wir einfach bei einem. Was ist, wenn wir das zurück auf die Vorderseite des Arrays hinzufügen möchten? Einfach Array-Punkt unauffällig ift setzen. Und was wollen wir? Unsicher IFT. Wir möchten uns nicht sicher sein, ob man das so wieder auf die Vorderseite des Arrays bringt. Jetzt sehen Sie, was sonst passiert, wenn ich zuschlage. Geben Sie es die Menge der Elemente in der Anordnung. werde ich zurückkehren. Also schauen wir uns die Luft jetzt an, und einer ist wieder da dran. Also haben wir das erste Element mit Shift abgeschoben, und wir haben es nicht gesiebt, indem wir es wieder anziehen. Sehr einfach. Lassen Sie uns schnell über diese Nummer reden. Das ist eine wirklich coole Funktion, die Sie in Ihrem Entwickler-Tool-Kit haben können. Alles klar, wenn Sie,
wenn Sie nicht Array haben und es Tonnen von Elementen gibt und Sie wie viele Elemente Luft darin , können
Sie es so schnell bekommen, indem Sie einfach Array-Punkt ungesiebt setzen -Parameter, so dass es nichts anlegen wird. Es wird nur den Betrag im Array zurückgeben, also habe ich Return sechs getroffen. Tolles Werkzeug, um Array oder variablen Punkt unauffällig ift no Parameter zu haben, und das wird Ihnen die Menge der Elemente und ein Array zurückgeben. Denk nur darüber nach, wie das genutzt werden könnte. Alles klar, in Ordnung. Also gehen wir zurück zu unserem Machtpunkt hier. Wir fangen das wieder an und gehen zu den anderen beiden Methoden über. Eine Verschiebung in ungesiebt einfach. Gehen wir weiter zu Pop und Push. So verschoben auf Verschiebung ist die Vorderseite des Arrays. Pop und Push ist das Ende des Bereichs. Denken Sie darüber nach, das Array in Ihren Händen zu halten und das Ende abzuknallen. Denken Sie daran, und wir folgen dem. Beide Erbsen betrafen das Ende des regnerischen, knallenden Buschens. Aber wenn Sie sich Zeit genommen haben, um zu verstehen, Verschiebung in un Schicht, dann werden Sie diese zu einfach finden. Die Pot-Methode gibt in einer Ray-Methode zurück, die vom Ende des Bereichs abgesprungen ist. Wenn du also eine Verschiebung in einer Schicht kennst, ist
es das Gleiche für Pop und Push. Also lassen Sie mich Ihnen das zeigen. Also gehen wir zurück zu unserer Js-Konsole und lassen Sie uns das tun. Lassen Sie uns das gleiche Array behalten. Eigentlich werde
ich das kopieren und meine Seite aktualisieren, damit ich von oben anfangen kann, und ich werde wieder in
das gleiche Array setzen . Du kannst es lassen, wenn du willst. Also lasst uns diesen Array-Punkt-Pop versuchen, Dies wird die sechs direkt aus dem Arrangement herausspringen, so ray dot pop und es gibt das
Array-Element zurück . Genau wie Shift es tat, Ray Dot Pop. Und lassen Sie mich mein Array überprüfen. Jetzt ist es weg. Also habe ich 12345 Die sechs sind da draußen. Also, wie würde ich tun, wenn ich die Sechs wieder anziehen will oder wenn ich etwas
anderes langwieriges hinzufügen möchte und ich einfach einen Ray-Punkt-Push setze Dies schiebt es zurück bis zum Ende und ich
werde sagen, sechs Treffer eingeben und es sollte den Betrag zurückgeben von Elementen im Array. Ehrfürchtig. Also schauen wir uns einen Strahl an. Los geht's. Wir haben wieder eins bis sechs und schwächen. Verwenden Sie das gleiche, um die A Anzahl von Elementen ein Array zu erhalten, also Array-Punkt-Push ohne Parameter. Und es sagt Ihnen nur hey, sechs Elemente im Regen und die Push-Methode ist super wichtig, weil Sie oft Schleifen in JavaScript in jeder Schleife
ausführen, Sie werden ein Element auf zwei schieben. Das Ende eines Arrays. Also denken Sie daran, dass eine, vor allem von allen vier von ihnen, aber Sie werden alle vier verwenden. Also, das ist alles für heute. Dies diese Luft Vier Sehr einfache Methoden. Und, ähm, ich hoffe, sie waren hilfreich. Und wir sehen uns in Tag sechs.
7. Tag 6 – charAt, Indexof, lastindexOf: Okay, alle und willkommen heute, sechs. Heute werden wir es zurücktauschen. Zwei Saiten. Wir waren in einer Gehaltserhöhung. Wir tauschen zwei Saiten zurück und suchen ein wenig. Also heute haben wir drei Methoden, die das char bei Method betrachteten, den Index von Methode im letzten Index aus. Also schauen wir uns das Diagramm bei Methode an. Das char at Method gibt das Zeichen an einem angegebenen Index einer Zeichenfolge zurück. Es hat einen Parameterindex. Also, wo Parameter ist eine Indexposition und es gibt den Buchstaben in dieser Position So
können wir sagen char bei 15. Und es wird den Charakter beim 15. Index zurückgeben, weil HR um drei es
den Charakter am Index drei zurückgeben wird . In Ordnung, also erinnere dich daran. Welche Position ist so in einem solchen Charakter bei Char At ziemlich einfache Möglichkeit, es zu erinnern. An welcher Position ist solcher und solcher Charakter? Lassen Sie uns die char at -Methode verwenden. Also schauen wir uns das kurz an. Also gehen wir zur Js-Konsole und lassen Sie mich hier eine Zeichenfolge setzen, mit der wir spielen können. Also hier ist ich sagen, variable Position gleich. Nehmen wir an, ich möchte nach Positionen in dieser Zeichenfolge suchen und hier ist, wie einfach diese Methode ist. Also kann ich sagen, Position Punkt HR bei welchem Zeichen ist bei Index 15 und es wird das
Zeichen bei Index 15 zurückgeben , was eine h ah Position shar bei Index drei ist und es wird mir sagen , lass es uns zählen und ich Null sehen Also 012 drei Also es sollte in einem Yeah sein, sie Also alles, was wir hier tun, ist, dass wir sagen, Welcher Charakter ist das? Dieser Index, den wir angeben, ist ein Parameter. In Ordnung, ich glaube, du hast es verstanden. Jetzt gehen wir weiter. Okay, gleich danach werden
wir uns den Index der Methode ansehen. Jetzt sieh dir das an. Wo char at gibt uns den Wert der Position, die wir übergeben. Ein Argument Index von gibt uns die Position eines Wertes. Also wurden in einem Fall den Charakter bei und in der anderen. Wir bekommen den Index ab, also sagen Ihnen die Methoden, was sie tun. Einer von ihnen bekam den Charakter in der anderen. Wir kriegen den Index ab. Wie Sie sagen können, dauert
es, während es zwei Argumente dauert. Die 1. 1, die Sie bereits kennen, die 1. 1 ist der Suchwert. Die Zeichenfolge, die nach So index aus gesucht hat. Und wir können sagen, ich suche den Brief. A. Man kann sagen, ich suche nach einem Raum. Man könnte sagen,
ich suche nach , Booten oder einem Wort,das man sagen könnte, dass ich nach dem Computer suche oder nach dem
Computer suche , ist nett. Sie können nach einer beliebigen Zeichenfolge mit diesem ersten Wert suchen. Der zweite Wert jedoch ist
jedochoptional. Und das ist der Startindex. Das ist also der Index, von dem aus wir die Suche starten. Sie können also sagen, dass ich nach diesem Wert suchen möchte, aber ich möchte an diesem Punkt in der Zeichenfolge beginnen,
rechts, rechts, also indizieren Sie auf zwei Parameter. Suchwert und Startindex. Nehmen wir einfach ein Beispiel. Nehmen Sie sich etwas Zeit, um sich das anzusehen. Ich denke, du wirst es bekommen, also werde ich die Konsole hier löschen und ich werde eine weitere
Zeichenfolge erstellen . Nehmen wir an, variabler Schlaf ist gleich. Ich werde danach schlafen gehen,
was ich getroffen werde. Geben Sie ein. In Ordnung, also lasst uns den Index von Methode Celeste versuchen. Versuchen Sie Schlafpunkt-Index von und sagen wir das Wort G. Whoops. Es ist eine Schnur. Was ist der Index von G fünf? Also dieses G hier ist ein Index fünf. Lassen Sie uns ein Wort ausprobieren Also Schlafpunkt-Index von Lassen Sie uns versuchen, das Wort gehen. Was meinst du? Wir kriegen wieder fünf? Wenn Sie ein Wort oder eine Phrase oder etwas einfügen, wird
es Ihnen den Index des Anfangs geben. Das G ist also der erste Buchstabe des Gehens, also wird es uns das geben, und es wird uns nicht das zweite G geben. Es sucht nach diesem Zeichen in Returns, die erste Instanz davon von links. Also lasst uns das zweite Argument ausprobieren, denn ich denke, du verstehst, was wir vor sich haben. Nun wollen wir versuchen, das zweite Argument Also Schlafpunkt-Index von und sagen wir das Wort zu T O. Beginnend bei Index fünf treffen Sie einfach zufällig zurück und wir werden 11. Also mal sehen. Was ist es? Index fünf Augen es. 0012345 Also das G so wird es genau hier an der G in Gang beginnen. Das erste Vorkommen bis dahin ist hier, und das ist im Index 11. Es zählt also nicht von ihrer Ausgangsposition aus, ist immer noch der Index der Zeichenfolge. Aber es zählt nur die Zeichen nach Luft Startwert. So bekommen wir 11, weil das erste Auftreten von zwei nach Index fünf kommt es Indexposition 11. Aber warten, Warum das erste Auftreten von was, wenn wir das letzte Auftreten von zwei nach fünf bekommen wollen . Also, wenn du in ihrem Satz siehst, haben
wir das auch. Und das auch wir haben das Wort zu zwei Mal, um das letzte Ereignis zu bekommen, das wir Sie benutzen müssen. Ich schätze, letzter Index aus. Sehen wir uns das schnell an, denn das hier ist ein wenig kniffliger. Und ich werde dir in einer Minute sagen, warum. Alles klar, letzte Index des letzten Index der Methode gibt die Position aus dem letzten Vorkommen eines angegebenen Werts auf einer Zeichenfolge. Wenn Sie also die letzten beiden in diesem Satz bekommen wollten, würden
wir den letzten Index von jetzt besser verwenden. Ich zeig dir das hier, weil dich irgendwas stolpern wird, weil es mich die ganze
Zeit aufs Spiel bringt. Gehen wir also zurück zur Js-Konsole und lassen Sie uns diese gleiche Variable schlafen lassen und lassen
Sie es uns ausprobieren. Also Legatus Schlaf Punkt letzten Index von und lassen Sie uns zwei und drücken Sie Enter 17. Jetzt zählen wir es aus. Beginnt es auch. Null-Index. So 0123456789 10 11 12 13 14 15 16 17. Also gibt es uns das letzte Vorkommen von zwei. Das ist ordentlich, was? Wir wollen den Fuß nicht kriegen. Wir wollen die 1. 1 erhalten, die wir verwenden. Index nach oben. Wir wollen den letzten, den wir letzten Index verwenden, nach oben bekommen. Ich überprüfe das. Hier werden die Dinge knifflig. Hier ist eine Herausforderung für Sie. Versuchen Sie, das letzte Vorkommen des Buchstabens G nach der Indexposition so zu bekommen, beginnend an der
Indexposition , um das letzte Vorkommen des Buchstabens G. Alles klar, jetzt fragen Sie sich wahrscheinlich, warum Sie einen negativen haben. Also setzen Sie wahrscheinlich Sleep-Punkt-letzten Index von und G ab Index auf und Sie drücken Enter und es gibt einen negativen. Wenn die Welt passierte, ist
das richtig, weißt
du, das ist es, was du denken würdest. Aber hier ist die Sache. Lassen Sie mich erklären. Der letzte Index der Methode zählt tatsächlich rückwärts, kehrt
aber zu uns zurück, der Index beginnt am Anfang. Es gibt uns also immer noch den Index, der von Anfang an beginnt, aber er zählt tatsächlich rückwärts. Im Beispiel hier begann der Sleep-Dot-dauerhafte Index von G, der einen Index beginnt, am zweiten Index. Also 012 Also, die zweite Indizes A. Wenn Sie anfangen, vom zweiten Index zu zählen, wird
es nur den Raum zählen, weil,
denken Sie daran, links zu zählen. Es wird den Raum in den Augen zählen. In diesem Fall gibt es kein g. Sie haben
also ein negatives, weil es kein g gefunden hat. Sie müssen sich also daran erinnern, wenn Sie den letzten Index verwenden, wenn Sie einen Startindex verwenden möchten, der nach links gezählt wird. Was Sie tun möchten, ist, dass Sie etwas wie Schlafpunkt letzten Index von G sagen wollen und einfach mit dem gehen und es wird Ihnen sagen 14, also 14 wird hier sein, also könntest du das einfach tun. Geben Sie keinen Startindex an, oder Sie könnten von einem Buchstaben am Ende der Zeichenfolge beginnen, sagen
wir, wie, 28. Also könnte man sagen, äh, schlafen letzten Index von G 28. Und das wird anfangen, von dem, was auch immer der 28. Index am Ende links zu zählen. Also wird es immer noch das Richtige finden, also sollten wir immer noch 14 bekommen. Also ich weiß nicht, ob Sie den letzten Index verwenden. Verwenden Sie vielleicht nicht den Startwert oder üben Sie ihn und wissen Sie, wie der Startwert für Sie
gut funktioniert . Lassen Sie mich Ihnen eine weitere Herausforderung stellen, und das ist etwas, das Sie alleine fortsetzen können. Alles klar, hier ist etwas, das Sie selbst überprüfen können. Hier ist ein Diagramm von NDN, dem Sie jetzt folgen können. Und das ist Ihre Herausforderung für den Tag. Wenn Sie mit diesem in irgendeiner Weise zu kämpfen, fühlen Sie sich frei, über das oben genannte zu gehen, bis Sie in der Lage sind, es auszuarbeiten. Kannst du das Diagramm verstehen? Jetzt? Wenn du das durchschaust und sagen kannst, Hey, ich verstehe es jetzt, dann mach weiter. Wenn nicht, geh zurück und geh es nochmal durch. Kannst du das Diagramm verstehen? Paul ist dein Video und sieh es dir an und sieh dir an, ob dir das alles Sinn macht. In Ordnung, hier ist eine Randnotiz, und das ist etwas, das wirklich hilfreich ist. Dies ist nur ein zusätzlicher Tipp für die Lektion. Wenn die Zeichenfolge, die Sie suchen, nicht existiert, also werde ich in unserer Zeichenfolge danach schlafen gehen. Wenn wir suchen, wie McDonald's, würde
es ein negatives zeigen, weil das in der Zeichenfolge nicht existiert. Dies ist also eine gute Möglichkeit, zu überprüfen, ob etwas in einer Zeichenfolge existiert. Okay, wenn du
also überprüfen willst, ob du eine Zeichenfolge
hast, willst du und du es überprüfen. Wenn ein Zeichen vorhanden ist, können
Sie nach diesem Zeichen suchen. Und wenn es einen negativen zurückgibt, ist
es nicht. Es gibt nicht. Darüber hinaus kann
der gleiche Methodenindex off auf die gleiche Weise mit einem Raise verwendet werden. Dies ist eine großartige Methode, um aus Ray's zu suchen, um zu sehen, dass Werte existieren, indem überprüft ob es negativ ist. Also wollen Sie wissen, Hey, ist Billy Bob, ein Benutzer in Luftsystem, und die Benutzer werden in einem Array gehalten, das Sie sagen können Index von Billy Bob. Und wenn es zurückkommt, negativ, dass, nein, er ist nicht im System. Das ist also sehr hilfreich mit index off, um zu sehen, ob etwas existiert oder nicht. Ich denke, das ist ein cooler Tipp, und ich denke, es ist etwas anderes, das Sie zu Ihrer Toolbox hinzufügen können, Ordnung, und ich denke, das ist genug für heute. Wir sehen uns am 7. Tag.
8. Tag 7 – String, ToSt, ToFixed, Nummer, ParseInt, ParseFloat: Hallo, alle. Und willkommen zu Tag sieben. Nun, bevor wir uns mit einigen der komplexeren Sachen befassen, müssen
wir einen kurzen Blick auf einige Zahlenmethoden werfen. Und das machen wir heute und in der nächsten Lektion. Diese sind sehr wichtig, und das sind diejenigen, die Sie oft verwenden werden. Also, heute werden wir uns eine Handvoll ansehen. Alles klar, wir haben die Großbuchstabe. Wir haben die zwei Zeichenfolge zu festen Großbuchstaben in der Zahl, Parse, float und parse int. Du sagst vielleicht, was? Warum so viele? Nun, weil sie ziemlich einfach sind, und ich denke, du schaffst es, also lasst uns rollen. Also werden wir alles in zwei Lager aufteilen, um es verständlicher zu machen. Es gibt zwei Lager hier. Es gibt eine Umwandlung von Zahlen, zwei Strings, und dann gibt es die Umwandlung von Strings in Zahlen. Also zuerst, schauen
wir uns die Umwandlung von Zahlen an. Zwei Saiten. Es gibt also Zeiten, in denen Sie eine Zahl in eine Zeichenfolge konvertieren müssen, und es wird viele Male geben, die Sie tun müssen. Eigentlich, ähm, wenn Sie an Projekten arbeiten, akzeptieren sie
manchmal keine Zahlen, sie akzeptieren nur Strings, und Sie müssen etwas reinlegen. Also, wenn Sie das übergeben, geht es als String. Sie brauchen also diese Funktionen und sie sind wirklich einfach. Also schauen wir uns mal an. Das erste, was wir uns ansehen werden, ist zu String und Großbuchstabe. Also zu string ist eine Methode Capital s string ist eigentlich eine Funktion, aber ich wollte sie trotzdem hier einschließen, also zu String und String, konvertieren
beide eine Zahl in eine Zeichenfolge. Das ist alles, was sie tun, um eine Zahl in eine Zeichenfolge zu konvertieren. Schauen wir uns ein Beispiel für beide an. Also gehen wir dorthin, wo Js-Konsole und lassen Sie uns Ah erstellen, Variable Und nennen Sie es Nummer Nummer zwei Zeichenfolge und setzen Sie es auf 500. Das ist eine Nummer. Wir können bestätigen, dass mit der Art der Nummer zwei Zeichenfolge und es sagt uns Hey, das ist eine Zahl. Also haben wir hier eine Zahl in einer Variablen gespeichert. Das erste, was wir versuchen werden, ist die To-String-Methode. Lassen Sie uns also eine Variable namens neue Zeichenfolge erstellen und konvertieren. Also Nummer zwei String Punkt zu String. Es ist diese einfache Rückkehr und jetzt werden wir sehen, was unsere neue Zeichenfolge sagt, es ist jetzt die Zeichenfolge 500 nicht die Zahl. Und wir können das überprüfen, indem wir Art der neuen Zeichenfolge sagen und es sagt uns, dass die Zeichenfolge. Das ist also einfach. Wir nehmen eine Zahl Punkt zu String und es wandelt es in eine Zeichenfolge. Jetzt versuchen wir es mit dem anderen. Die Großbuchstabe s Zeichenfolge. Dieser ist ein wenig anders, weil es eine Funktion ist, aber es ist eine einfache wie diese. Also Nummer zwei Zeichenfolge. In Ordnung, also haben wir unsere Nummer 500. Alles, was wir tun, ist Saite zu sagen und innerhalb der Klammern setzen wir Luft, was wir konvertieren wollen. Also, das ist Nummer zwei Zeichenfolge und drücken Sie einfach Enter und da gehen wir. Wir haben die Zahl 500 in die Zeichenfolge 500 konvertiert, so dass String in String einfach ist. Sie konvertieren Zahlen zwei Strings. Also gehen wir zurück und schauen uns
das nächste an, das eine kleine Nuance hat. Unsere dritte Methode von Zahlen zwei Strings ist also die zwei feste Methode. Was ist die zwei feste Methode? Die zwei feste Methode tut das gleiche wie bei String, aber es gibt die Zeichenfolge mit einer festgelegten Anzahl von Dezimalstellen zurück, die Sie als Argument übergeben würden . Am häufigsten wird das Geldformat verwendet, das zwei Dezimalstellen ist. Probieren wir es aus. Öffnen Sie also Ihre Js-Konsole und drücken Sie Aktualisieren, um eine neue Seite zu erhalten. Und lassen Sie uns das ausprobieren. Variable Geld entspricht drei Arten von Geld. Das wird uns sagen, dass es eine Zahl ist, also haben wir das variable Geld, das der Nummer drei entspricht. Also sagen wir,
Hey, Hey, wir brauchen die drei, um im Geldformat mit zwei Dezimalstellen zu sein. Es ist einfach, ist das? Und lassen Sie uns eine Variable dafür erstellen, äh, sagen
wir, Geld String und es ist ein einfaches Ist dieser Geldpunkt jetzt behoben? Wie viele Dezimalstellen wollen wir? Wir wollen es. Das ist das Geldformat. Also haben wir gerade zwei als Argument übergeben. Das ist alles, was es ist Hit Rückkehr. Und jetzt sehen wir, dass Air drei jetzt 3,0 eine Zeichenfolge ist. Also haben wir drei in eine Zeichenfolge in zwei Dezimalstellen konvertiert. Nun, natürlich, können
wir tun,
um, um, Geld Punkt zu fixieren und vier Dezimalstellen setzen. Wenn wir wollen Hit Rückkehr und dort haben wir vier Nullen. Hier ist eine Herausforderung für Sie. Hier ist eine Herausforderung für Sie, variables Geld zu überprüfen und es auf 3.22 Also
zuerst,
was ist , wenn wir Geld Punkt zwei setzen? Vier behoben. Was wird hier passieren? Nun, es wird 3.2200 sagen, also wird es einfach die Nullen zu den vier Stellen hinzufügen. Was ist, wenn wir Null als Argument übergeben, es
ausprobieren und sehen, was passiert. Also, wenn wir sagen Geld Punkt zwei fest und setzen Null, wir sehen, dass es uns drei gibt. Es nimmt also die beiden Dezimalstellen weg und gibt uns drei. Es scheint, als hätte es abgerundet, aber ich bin mir nicht ganz sicher, ob du dir vielleicht nicht ganz sicher bist. Also lassen Sie uns variables Geld versuchen und sagen wir etwas, das aufgerundet werden sollte 3.75 Und sagen
wir Geld zu diesem Index auf diesem Index zu fixieren. Und lasst uns die Null nochmal setzen und sehen, ob sie sie rundet. Ja, es rundet es auf, so dass Sie mit einem Parameter von Null oder einem Argument von Null fixieren können, um nach unten
aufzurunden. Das ist also ziemlich ordentlich. Und setzen Sie das in Ihrem Werkzeugkasten denken Sie daran, dass Also zwei mit Null fixierte werden für Sie runden. Also nur zusammenfassend, Wenn ich eintrete, sage
ich es, zwei Dezimalstellen zu platzieren. Wenn ich vier eingeben, sage
ich vier Dezimalstellen. 66-Test. Du hast den Punkt. Alles klar, jetzt schauen wir uns die Umwandlung von Strings in Zahlen an. In Ordnung? Wir haben drei Methoden für diese Zahl. Parse Float in Teilen. Und jetzt werde ich dir sagen, das sind keine Methoden. Ihre Funktionen auch, aber sie sind in Funktionen integriert. So benutzte es die gleiche Weise mit nur ein wenig verschiedenen Formaten. Also, schauen wir uns diese drei an. Also hier ist das Zahlenkapital in Funktion, Ordnung. Und das ist bei weitem das einfachste und tut das Gegenteil von Großbuchstaben String. So geben Sie einfach Ihre gewünschte Zeichenfolge als Argument ein. Also, zum Beispiel, wenn wir die Zeichenfolge von 10 haben und wir es in eine Zahl konvertieren mussten, setzen
wir einfach Kapital und Zahl. Und in den Klammern, die wir übergeben die Zeichenfolge ist das Argument Hit Enter und es konvertiert es in eine Zahl. Das ist alles. Nummer tut. Unkompliziert. Ich glaube, du hast es. Ich zeige Ihnen in einer Minute ein Beispiel, aber gehen wir zur zweiten Funktion über. Die zweite Funktion ist parse, Int und parse Tante Parses. Eine Zeichenfolge in gibt
eine ganze Zahl zurück. Dies ist ein großes Gewicht um eine Zeichenfolge in eine ganze Zahl, mit einer Ausnahme, die sehen wird. Schauen wir uns einige Beispiele hier an, um zur Js-Konsole zu gehen. Schauen wir uns zuerst die Nummer an. Nehmen wir an, wir haben eine variable Zahl, die eine Zeichenfolge von, ähm, sagen
wir 45. Und um diese Zeichenfolge in eine Zahl zu konvertieren, setzen
wir einfach nur Zahl und in die Klammern. Wir werden das Argument setzen, und das wird Air Variable sein, die 45 ist, und wir werden einfach Enter drücken und Sie sehen, dass es die Zeichenfolge 45 in eine
Zahl 45 konvertiert . Das ist also ziemlich einfach. Und natürlich können
Sie dort
auch einen tatsächlichen Wert eingeben . So Zahl können Sie sagen, wie ein Beispiel, die Zeichenfolge von 10 und Hit return und es gibt die Zahl. Also denke ich, dass du das hast. Reden wir über Parsons. Wenn Sie sich also erinnern, parsen und parsen eine Zeichenfolge und eine ganze Zahl zurückgeben, ist
dies ein großes Gewicht um eine Zeichenfolge in eine ganze Zahl. Und denken Sie daran, dass es eine Funktion ist, die es so gut formuliert. Zuerst erstellen
wir eine Variable namens decimal und lassen Sie uns sie gleich 3,2 der Zeichenfolge haben, 3.22 Also mit Parsons wollen
wir die Zeichenfolge von 3.22 in eine ganze Zahl ändern. Also sagen wir und denken Sie daran, dies ist eine Funktion,
die so gut sagen wir parse und setzen Sie das Argument in die Klammern, also wird das Dezimal sein, also sollte es die ganze Zahl zurückgeben. So sollte die Zeichenfolge von 3.2 Zahn die Nummer drei zurückgeben. Großartig. Es gibt die Zahl drei. Dies ist also eine Möglichkeit, eine Zeichenfolge in eine ganze Zahl zu konvertieren. Aber es gibt eine Ausnahme. Und lassen Sie mich Ihnen zeigen, wenn ich Parson sage und eine Schnur von 3,75 übergebe, was denkst du, das wird uns das geben? Glaubst du, das wird uns vier geben? Lasst uns Eingang E. Nein, es gibt uns immer noch drei. Warum wird es abgerundet? Nun, wenn es sich umwandelt, rundet
es ab. Das macht Parson und sieh dir das an. Dies ist wichtig, um eine Zeit in Softwareanwendungen zu verwenden. Zum Beispiel, wenn Ihr Gewinn gab Trophäen für jede Ebene, die Sie passieren, und Sie haben vier und 3/4
Ebene so vier und 3/4 der Ebene übergeben , das ist immer noch nur vier Ebenen. Selbst bei 4.99 sind es nicht ganz fünf Levels, und daher sollte es Ihnen nicht fünf Trophäen verliehen. Es sind Zeiten, in denen du nicht willst, dass etwas passiert, bis es die volle
Zahl erreicht hat . Also, wenn Sie Madam haben, nur eine Vier. Ich spiele dieses Spiel und ich bin vier Punkt 93% mit diesem Level getan. Ich bin immer noch nicht auf Ebene fünf. Dies ist also ein Weg, um die Dinge abgerundet zu halten, bis Sie tatsächlich zur nächsten
Nummer kommen . Wenn das Sinn ergibt, ist das
hoffentlich ein gutes Beispiel für Sie. So par sent konvertiert eine Zeichenfolge in eine Zahl, aber es rundet sie in eine ganze Zahl. In Ordnung, ich glaube, du hast das verstanden. Jetzt schauen wir uns den letzten an. Der letzte ist parse float. Und ja, das ist eine Funktion. Ah, parse float analysiert eine Zeichenfolge in gibt eine Zahl zurück Also werden Sie diese verwenden, nicht das Ende zu analysieren. Wenn Sie eine Zeichenfolge in eine Zahl konvertieren und Ihre Dezimalstellen beibehalten möchten, so dass sich die Parse ant in eine ganze Zahl verwandeln
wird, wird
Parts float von einer Zeichenfolge in eine Zahl konvertiert. Aber behalte die Dezimalstellen. Lassen Sie mich Ihnen ein Beispiel zeigen. Wenn Sie Teile Float-String von 3,45 eingeben, wird es die Zahl 3.45 zurückgeben. Es gibt hier keine Rundung, alles klar, also schauen wir uns einfach an, dass wirklich schnell der Vollständigkeit halber. Also parse Float. Wenn ich eine Zeichenfolge von 3,99 habe und ich sage, dass die Übergabe in eine Zahl zu konvertieren, aber ich möchte nicht runden, brauche
ich immer noch die 3.99 Ich benutze Teile schwimmen hier Ich drücke Return und es gibt die Zahl 3.99 Also lasst uns eine kurze Zusammenfassung machen, denn das mag an einem Tag eine Handvoll für dich gewesen sein, aber es ist wirklich nicht. Lassen Sie mich es für Sie zusammenbrechen, und Sie werden von diesem einen Verständnis weggehen. Also lassen Sie uns überprüfen. Also haben wir uns drei Nummer zwei String-Konvertierungen angesehen. Das ist String in String. Beide konvertieren eine Zahl in einen String. Und es gibt zwei Fixed, die eine Zahl in eine Zeichenfolge mit dem Parameter konvertiert, um eine Anzahl von Dezimalstellen festzulegen. Alles klar, das
sind die Nummer zwei String-Methoden, und dann haben wir die Konvertierung von String zu Zahl. In. Diese drei waren Funktionen, aber sie sind eingebaute Funktionen. Sie müssen nicht eins in der Zahl schreiben, die eine Zeichenfolge in eine Zahl konvertiert. Es gibt Parson, der eine Zeichenfolge in Rückgaben analysiert, eine ganze Zahl, die abgerundet wird. Und dann gibt es Teile float, der eine Zeichenfolge analysiert und eine Zahl zurückgibt, die ihre
Dezimalstellen behält , wenn sie sie hat. In Ordnung, so hoffentlich war das hilfreich, dass sechs von ihnen und die meisten von ihnen ziemlich einfach waren. Es gab ein paar Ausnahmen hier und da. Also möchten Sie vielleicht zurück und schaute einfach wieder in den Raum. Spiel mit Dingen. Sehen Sie, wie Sie dies in Ihrer täglichen Codierung verwenden können, und ich werde Sie in Tag acht sehen
9. Tag 8 – Math.round, Math.round, Math.floor, Math.floor, Math.min, Math.max: He, Leute. Und willkommen zu Tag acht. Heute werden wir etwas Mathematik machen. Wir werden ihre Zahlen Teil des Kurses beenden, indem wir uns Capital M Mathematik ansehen. Was ist das für eine Mathematik, von der Sie sprechen? Nun, sieh dir das an. Math ist ein eingebautes JavaScript-Objekt, mit dem Sie mathematische Aufgaben auf
Zahlen ausführen können. Also Mathematik, das Kapital M ist ein Objekt mit dem Java-Skript gebaut, und es ermöglicht Ihnen, diese Aufgaben auszuführen. Es hat diese Methoden, die Sie für dieses Objekt aufrufen können, und es wird diese Aufgaben für Sie ausführen. Also, das ist mathematischer Punkt rund, ceil Boden, Max und Männer. In der Tat können
Sie wahrscheinlich sagen, was sie tun, nur indem Sie sie lesen. Also lassen Sie uns an der Spitze mit mathematischen Punkt Runde beginnen. Ich frage mich, was das tut. Die mathematische Punkt Runde Methode gibt den Wert einer Zahl
gerundet, auf die nächste ganze Zahl gerundet. Also schauen wir uns das mal kurz an. Öffnen Sie die Js-Konsole und schauen wir uns das an. Also habe ich eine Variable namens Zahl in der gleich 12,8 ist. Ich kann einfach sagen, mathematische Hauptstadt m Punkt Runde und Aiken um diese Zahl. Wohin geht es um ihn herum, wird es natürlich auf 13 runden. Also kann ich sagen, setzen Sie meine Variable da rein und drücken Sie die Rückkehr und es wird 13 zurückgeben. Also alles, was tut, ist nur eine Zahl zu runden, und Sie können
natürlichauch natürlich die Zahlen das Argument
eingeben. Also mathematische Punkt rund, um 3,2 und es wird uns drei mathematische Punkte um Ah, 7.99 Lasst uns hier ein paar Zahlen setzen, und es geht um das herum. Da gehen wir. Acht. Ich denke, du verstehst den Punkt. Lasst uns weitermachen. Als nächstes sind die mathematische Punktdichtung in den mathematischen Punktbodenmethoden Simple. Ist das für die beiden? Erinnern Sie sich daran. Die Decke ist oben in den Etagen unten mathematische Dichtung, Decke in Mathe-Boden nach unten, so Mathe-Dichtung gibt den Wert. Runden Sie es auf die nächste ganze Zahl auf, und Matt Floor gibt den Wert auf die nächste ganze Zahl abgerundet zurück. Das war's. Also schauen wir uns das an. Sagen wir also Mathe Dot Seal und sagen wir 4.1. Glaubst du, es geht um ihn herum? Die Decke ist hoch, also 4.1 bringt uns auf fünf. Das ist also nicht so, als würde das Runden wie 4.1 44 Punkte gehen. Alles wird sich auf fünf runden. Also mathematische Punktdichtung geht um alles nach oben und
natürlich natürlich Mathe Dot Floor. Lassen Sie uns eine hohe Zahl setzen. Wie wäre es mit 9.9 mathematischen Punktboden? Der Boden ist unten. Es sollte runden ist auf neun, nicht 10. Jep, neun. Also geht Matt Seal um uns herum, egal was passiert. Und Mathe-Fußböden, die um uns herum gehen, egal was passiert. Alles klar, lassen Sie uns weiter rollen. Also unsere letzten beiden Methoden sind Mathe Dot Man in Mathe Dot max. Die Männer und Max-Methoden tun genau das, was sie vorschlagen. Sie geben entweder die niedrigste Anzahl der an sie übergebenen Zahlen zurück. Männer oder die größte Anzahl der Zahlen, die an sie übergeben wurden, Max. Schauen wir uns ein Beispiel an. Lassen Sie mich das auffrischen und vertreiben wir uns Mathe-Punkt-Männer. Ich werde 4 zu 9 setzen. Dies wird uns die niedrigste Zahl geben, also wird dies zu Mathe Dot Männer zurückkehren. Und sagen wir, äh, das Gleiche für 29 Was wird uns die Lippen geben, nicht Männer. Mathe dot max der gleichen drei Zahlen geben uns die höchste, was,
natürlich,
neun ist natürlich, . Das wird uns also neun geben. Also lasst uns ein anderes versuchen. Lassen Sie uns ein Array erstellen. Lasst es uns ein bisschen heraufsteigen. Also variable Array und lassen Sie uns in das Array drei zu 5.4 10 3.2, 11 21 0 Setzen wir alle diese in dieses Array und drücken Sie Enter. Probieren wir es aus. Math Punkt Männer von Array, Air Array Hit Rückkehr und es gab uns in einem n, nicht eine Zahl. Was ist damit los? Nun, schauen wir uns das mal an. Schauen wir uns die Parameter dieser Methode an. Sagen wir mal, Mathe-Punkt-Männer. Gehen wir rein und sehen uns die Dokumentation an. Schauen wir uns die Syntax hier an. Siehst du diese drei Punkte hier in der Syntax? Die drei Punkte. Also mit E S 2015 können Sie diese drei Punkte verwenden, um ein Array an das Maximum bei Männern zu übergeben. Es wird ein Spread-Operator genannt, und dies bewirkt tatsächlich, dass die Array-Werte erweitert oder in die
Funktionsargumente verteilt werden . Probieren Sie es aus. Lassen Sie mich Ihnen ein Beispiel geben. Gehen wir zurück zur Js-Konsole Aiken. Geben Sie stattdessen dies ein. Mathe Dot Männer und ich könnten diese drei Punkte Punkt, Punkt Punkt und dann mein Array und drücken Enter. Sieh dir die Null an. Die kleinste der Array-Null. Also benutze ich diesen Spread-Operator. Sehen Sie also, wie dieser Mathematik-Punkt Max drei Punkte in meine Variable oder meine Array-Variable setzt. Was er denkt, dass er uns das Maximum geben wird, was er denkt, wird uns als Max geben. Ich denke, 20 sollten uns 20 Rückkehr geben. Da ist es. 20. Also benutze diesen Spread-Operator, wenn du nach dem Max in den Männern in einem Array suchst und du wirst gut
machen, Also denke ich, das war ziemlich einfach all diese. Hier haben wir die Runde. Dann haben wir den Boden in der Deckendichtung. Und dann haben wir die Maxime, den Mann, die Maxime. Die Männer geben uns die niedrigste in der höchsten in einer Gruppe von Zahlen oder in einem Array mit dem Spread-Operator. Also hoffe ich, das war irgendwie ordentlich für Sie. Jetzt werden wir zu den letzten vier Methoden übergehen, die etwas schwieriger sind, aber
super mächtig sind , wenn Sie wissen, wie man sie benutzt. So CNE Tag neun.
10. Tag 9 – Tag: Hallo, alle. Und willkommen zu Tag neun. uns In den letzten vier Lektionen werden
wir es um eine Kerbe erhöhen undunsvier sehr mächtige Methoden ansehen. Heute werden
wir uns die vier Methoden ansehen. Nun, während es ähnlich ist der Ford jede Methode ist kein Ersatz für die vier Schleife. Es gibt Vor- und Nachteile zu jedem, und die Zeit wird Ihnen beibringen, wann Sie einen über den anderen verwenden. Davon abgesehen, dass die für jede Schleife Spaß macht. Es ist weniger Code
und es ist viel sauberer. Werfen wir einen Blick darauf. Also, was ist die vier jeder Methode wird die vier Each Methode die bereitgestellte Funktion
einmal für jedes Array-Element ausführt . Es hat also eine Schleife durch ein Array, in dem eine Funktion für jedes Element in diesem Array ausgeführt wird, die Funktion, die wir dafür zur Verfügung stellen. Sie können also sagen, was bedeutet das? Nun, lassen Sie mich es Ihnen zeigen. Ich werde es dir mit gutem Beispiel zeigen. Lassen Sie uns also die Js-Konsole öffnen und ich gebe Ihnen einen vierstufigen Überblick darüber, wie Sie die
vier jeder Methode verwenden , damit sie Variable erstellt wird. Wir nennen es Nummern und haben einen Strahl mit, Sagen wir, 543210 Also deshalb, Schritte hier. Schauen wir uns Schritt eins an. Also, was ich hier tun möchte, ist, dass ich einfach dieses Array durchlaufen und nur das
Element ausgeben möchte, auf dem ich im Array bin. Also sollte es 543210 ausgeben, das ist alles, was ich tun werde. Es ist ein einfaches Beispiel, aber es hilft Ihnen, die Syntax davon zu lernen. Es sind vier Schritte, die ich dir geben werde. Also Schritt eins. Wir haben die Methode gerade so genannt, wie wir es getan haben. Zahlen gibt es also einen variablen Punkt für jede Klammer, die nicht getroffen werden. Geben Sie noch ein. Wir werden das ausbauen. Also, das ist Schritt eins. Schritt zwei, wir müssen eine Callback-Funktion einfügen. Das wird also die Funktion sein, die wir für jedes Element aufrufen. In diesen Klammern setzen
wir also Funktionsklammern,
offene Klammer, geschlossene Klammer , genau wie jede Funktion. Und wenn Sie Shift Enter hatten, können
Sie hier einige Zeilen hinzufügen, ohne den Code auszuführen. Das ist also wie jede Funktion. Also Funktion Klammern. Öffne die Klammer, schließe die Klammer innerhalb der vier Klammern. Das ist also Schritt zur Callback-Funktion. Schritt drei, wir müssen unser Element als Belüfter übergeben. Und das könnte jeder Name sein, den du magst. Manchmal verwende ich nur Element in anderen Zeiten, die ich versuche, die singuläre Form der Variablen zu verwenden in diesem Fall wird die Leiter tun und einfach Nummer verwenden. Also hier müssen wir passieren. Dies ist ein Parameter. Das ist ihr It-Belüfter. Also werde ich Nummer eingeben und was das ist, dass ich eine Variable Zahlen mit einer
Array-Nummer hier jedes Element darstellt, während Sie durchlaufen. Die Zahl stellt also jedes Element dieser Anordnung dar. Das könnte Hühnchen sein. Das könnte der Grund sein, warum das sein könnte, was du willst. Viele Leute, Wie ich schon sagte, wir werden das Singular der Variablen setzen oder einfach das Wort Element verwenden. Sie können verwenden, was Sie wollen. Ich werde die Nummer benutzen. Also, das ist Schritt drei. Wir gehen in unserem It-Belüfter, und Schritt vier ist, dass wir unsere Funktion etwas tun lassen. Also alles, was wir hier tun werden, ist nur Konsolenpunktprotokoll die Nummer. Das sollte uns also nur eine Liste jeder Nummer geben. Also wird es zuerst durchschauen und sagen, fünf sahen durch die zweite Sag für Schleife durch die dritte und sagen drei. Das war's also. Geben Sie ein und das ist genau das, was es tut. Das war also ein einfaches Beispiel. Aber Sie bekommen die Syntax. Lassen Sie mich Ihnen eine Herausforderung stellen. Etwas zu versuchen, Sie daran zu gewöhnen, die vier jede Methode. Also lassen Sie uns das wieder in Creator Variable löschen. Variablenzahlen sind also gleich. Und stellen Sie sicher, dass Sie dies ausgeben, weil das für Sie ist. 543 210 Alles klar, also haben wir eine variable Zahl mit einem Array von Zahlen, und ich werde eine andere erstellen, die neue Zahlen genannt wird und das gleiche und leere Array lassen. Nun, hier ist meine Herausforderung an dich. Wir haben die Push-Methode vor ein paar Tagen gelernt, oder wie lange Sie gelernt haben, dass wir über die Push-Methode verwendet haben, die wir über
die Push-Methode gelernt haben . Ich möchte, dass Sie die vier Methoden verwenden, um dieses Zahlenarray zu durchlaufen und für jedes Element, schieben Sie es in die neuen Zahlen, Blanca regen. Also werden Sie Fort jede und für jede Schleife verwenden, werden
Sie dieses Element in dieses neue Zahlenarray schieben. Probieren Sie das aus und ich führe Sie in einer Minute durch. Wenn du es nicht bekommst. Alles klar, lassen Sie uns das durcharbeiten. Also lassen Sie uns ihren vierstufigen Prozess wieder verwenden. Also Schritt eins, rufen Sie die Methode auf. Also starben Zahlen für jeden Schritt eins. Schritt zwei, geben Sie Ihre Callback-Funktion ein. Also hier werde
ich die Funktion öffnen. Halterung, Klammer schließen. Schritt drei. Legen Sie Ihren Belüfter ein
, der Ihre Elemente repräsentieren wird. Und weil ich wieder Zahlen benutze, werde
ich nur Nummer in ihre Singular setzen und Schritt für Make your function, etwas
tun. Also, was wir tun, ist, dass wir dieses Element in ein neues Arrangement schieben, also könnten wir einfach neue Zahlen Punkt Push setzen und dann als Argument werden
wir Nummer setzen. Also, was wir tun, ist neue Zahlen Punkt Push. Also schieben wir in das neue Zahlenfeld die Zahl. Wenn wir es jedes Mal durchschauen, wird
diese Zahl in das neue Zahlenarray geschoben. Lassen Sie uns drücken, geben und dann überprüfen Luft neue Zahlen Array. Und da haben wir es. In Ordnung. Also haben wir alle unsere Elemente in ihrem einfachen Beispiel geschoben, aber ich denke, es beweist den Punkt. Das ist also das Beispiel, das eine Callback-Funktion verwendet. Aber Sie können auch eine vordefinierte Funktion verwenden, wie Wenn Sie an einem Projekt arbeiten und eine Funktion
haben, die hier etwas tut, das heißt,
Sie können diese Funktion einfach als Argument anstelle einer Callback-Funktion übergeben, lassen Sie mich zeigen Ihnen ein Beispiel. Also sagen Sie, Sie haben eine Funktion, die Ihr Projekt heißt, um, eine Funktion, die einen Parameter von X in dieser Funktion hat, im Grunde nur mit drei multipliziert . Also X gleich X mal drei und dann wollen wir konsolen, dass das X jedes Mal protokolliert. Sie haben also eine Funktion, die irgendwo eine Funktion genannt wird, die nur ein Argument annimmt und es mit drei
multipliziert. Das ist alles, was es tut. Ist es betreten? Wenn Sie eine Funktion bereits vordefiniert haben, kann
ich hier heraufkommen und Zahlen für jeden Punkt sagen. Also, für jedes Element dieses Arrays, führen Sie diese Funktion eine Funktion aus. Ups, sieh dir das an. Das ist echt sauber. Also ist das Aufrufen Ihrer Funktion woanders viel sauberer als eine Callback-Funktion, aber es gibt Gründe, Callback-Funktionen genau hier zu verwenden. Es wird diese Funktion für jedes Element der Zahlen von Ray aufrufen, und es sollte sich multiplizieren. Ich bin alle um drei und dann Konsolenpunkt Loggen Sie sie aus für uns zu sehen. Also, wenn ich zurückkehre, ist es. So fünf mal drei ist 15 4 mal drei ist 12 3 mal drei ist neun gearbeitet Groß. Okay, also verwenden Sie eine Callback-Funktion und eine vordefinierte Funktion, so werden Sie hauptsächlich die für jede Schleife verwenden. Wenn du so viel runter hast, bist
du gut zu gehen. Sie können tatsächlich die Vorlesung abschneiden, aber ich möchte Ihnen ein wenig Ofen-Thema hier geben, weil es zwei
MAWR-Parameter gibt , die Sie verwenden können. Schauen wir uns das schnell an. In Ordnung? Also nenne ich dies das Fortgeschrittene für jedes Thema. Also, wie gesagt, Sie haben bereits gelernt, wie Sie es verwenden. Die meiste Zeit. jedoch Es gibtjedochzwei mawr Argumente. Lassen Sie uns also auf die ersten 2 Schritte von daher jeder Methode zurückblicken. Also zuerst riefen wir nur die vier an. Am Ende davon, Zahlen Punkt für jede Sekunde haben wir Luft-Callback-Funktion eingefügt. , Hier sind die drei Parameter,die Sie verwenden könnten. Also zuerst gibt es den Elementparameter. Wir haben uns das schon angesehen. Dies ist das aktuelle Array-Element in unserem Beispiel oben war es Zahl. Denken Sie daran, wir haben die Nummer verwendet, die benötigt wird, weil Sie es Belüfter haben müssen. Sie müssen Ihre Elemente darstellen, also ist das erforderlich. Das haben wir schon benutzt. Aber dann gibt es einen anderen namens Index, und all dies tut, gibt Ihnen den Array-Index des aktuellen Elements, und das ist optional. Dann gibt es 1/3 1, die ich nicht weiß, warum jemand benutzen würde. Wenn Sie einen Nutzen dafür haben,
lassen Sie es mich wissen. Ich konnte es nicht rausfinden. Aber jedenfalls gibt es. Es ist der Array-Parameter, und dies gibt bei Bedarf das ursprüngliche Array-Objekt zurück. Und das ist auch optional. Werfen wir einen Blick auf diese. Ich werde Ihnen ein Beispiel dafür geben. Geh zurück zu meiner con Js Konsole, lösche das aus und lass mich es dir zeigen. Also lassen Sie mich mein Array wieder erstellen. Also werde ich wieder Zahlen in der gleichen Sache verwenden. 543210 Und lasst uns einen vierstufigen Prozess durchlaufen. So Zahlen Punkt für jeden geben Sie eine Callback-Funktion. Alles klar, Schritt drei. Wir werden diesmal alle drei Parameter hier einfügen, also werde ich Element anstelle von Nummer sagen, nur weil ich Element Index
Array setzen und dann für meine Funktion. Ich werde das Protokoll nur trösten. Alle drei dieser Council Dot Log Und so werde ich Element in meinem Elementindex,
Index und Array sagen , und alles, was ich tue, ist Ihnen nur die Ausgabe dieser zu zeigen. In Ordnung, wenn ich
also zurückgekehrt wäre, sollte
ich sehen, dass es durchschaute. Hier steht Element fünf. Ist es Index Null. Und hier ist das Regen-Element vier. Ist es Index eins. Hier ist das Regen-Element drei und so weiter. Alles, was der Puppenindex tut, ist, Ihnen den Index alle Array zu geben. Gibt es das Array zurück? Ich weiß nicht, wozu es ist, aber wie auch immer, so benutzt man die anderen beiden. Lassen Sie mich Ihnen eine Herausforderung geben, die darauf basiert, und wir werden in der heutigen Lektion, weil es eine Menge gewesen ist. Also werde ich Ihnen hier eine Reihe von Früchten geben, die so variable Früchte gleich sind, und gehen Sie voran und tippen Sie dies aus, weil es Ihre Herausforderung ist. Kiwi-Apfel, Bananenpaar, Trauben, Limette, Orange und Zitrone. Alles klar, also geben Sie das aus, damit Sie eine Variable namens Früchte mit einem Haufen Obst und einem Array haben. Hier ist die Herausforderung für Sie, die vier jeder Methodenschleife durch diese zu verwenden und diese so Ausgabe auszugeben. Es heißt also, Kiwi ist kein Index Null. Und dann sagt es, Apple ist ein Index eins und so weiter. Also für jedes Element, das Sie sagen möchten, ist
Element ein Index leer. Und so haben Sie hier eine Liste aller Elemente im Index, in dem sie sich befinden. Probieren Sie die Zehenschleife durch und drucken Sie sie aus, und ich werde Ihnen zeigen, wie es hier in einer Minute geht. In Ordnung, also hoffentlich konnten Sie diese Liste ausdrucken,
lassen Sie mich Ihnen zeigen, wie ich es mit dem Air Force Step-Prozess machen würde. Also Schritt ein Obst Punkt für jeden Schritt zwei eine Callback-Funktion. Schritt drei, wir setzen Luftparameter ein. In diesem Fall werde
ich Element in Index setzen, weil wir nicht das Array und Schritt vier verwenden. Ich werde Punktlog-Luftinformationen konsoldieren, also Konsole, dass Log-Element Plus ein Index plus Index ist. Alles klar, also alles, was ich tue, ist das Element auszudrucken und dann zu sagen, ist nicht Index und im
Indexwert . Wenn ich also auf die Rückkehr klicke, gehen wir. Kiwis und Index Null Äpfel und Index, eine Bananen und Index zu Hoffentlich hast du das bekommen? Wenn nicht, kein Problem. Ich denke, du verstehst den Punkt. Wir haben hier viele Beispiele gemacht. Und die Festung. Jede Methode ist genial. gewöhnen Sie sich daran und üben Sie damit. Und wir sehen uns am 10. Tag. Wo waren, werden wir uns die Filtermethode ansehen.
11. Tag 10 – Filter: Hallo, alle. Und willkommen zu Tag 10. Ab jetzt haben
Sie 26 Methoden gelernt. Herzlichen Glückwunsch. Heute schauen wir uns eine weitere leistungsstarke Methode namens Filter an. Was ist die Filtermethode? Nun, die Filtermethode erstellt ein neues Array aus den ursprünglichen Array-Elementen, die eine
bestimmte Bedingung übergeben haben , ohne diejenigen, die fehlschlagen. Einfach gesagt, filtert
es durch ein Array wählt diejenigen aus, die den Test bestehen, durch Luftfunktion bereitgestellt wird. Sie können den unmittelbaren praktischen Gebrauch dieser hier sehen, oder? Daher nimmt die Filtermethode auch die gleichen Parameter wie die vier jeder Methode. Das ist also hilfreich. Aber wir werden unsere Lektion mit dem gebräuchlichsten Parameter beginnen
, der Element ist. Also in unserer letzten Lektion, die wir verwendet haben, denke
ich Nummer. Es ist also egal, wie du es nennst, aber wir werden es Element in dieser Lektion nennen. Aber die Definition ist immer noch das gleiche Element ist der Wert des aktuellen Elements. Also wissen wir schon davon. Lassen Sie mich Ihnen ein Beispiel dafür zeigen, wie das funktioniert. Öffnen wir also Ihre Buddy Js Konsole und lassen Sie uns eine Variable erstellen. Also hier ist eine Variable namens Alter und lassen Sie uns ein Array voller Alter mit 35 14 50 bis 2111 80 18 und 17. In Ordnung, genau wie wir es bei der vier Methode getan
haben, werden wir diese Schritt
für Schritt zerlegen . Also zuerst werden wir eine neue Variable erstellen, die überprüfen wird, dass dieses
Array für Alter von 18 und mehr überprüfen wird . Lassen Sie uns also eine Variable namens adult erstellen. Also werden wir einen Filter erstellen, der alle Altersgruppen unter 18 herausfiltert und uns
einfach mit den Erwachsenen überlässt. So, wie die 40 jeder Methode, gibt es vier Schritte vier der gleichen Schritte mit dieser Methode als auch. Also denken Sie daran, Schritt eins ist, einfach auf Luftmethode hinzuzufügen. Also Alter Punktfilter Das ist Schritt ein nicht getroffen in Denken Sie daran, wir werden auf diesem Schritt bauen, um sich daran zu erinnern, ist Luft Callback-Funktion eingeben, Also Funktion Klammern Öffnen geschweifte Klammer schließen geschweifte Rennen Schritt drei wir in
Luft-Array-Element übergeben und Dies wird der Wert des aktuellen Elements des Arrays sein, wie es durch jedes filtert. Also, das war ihre Nummer in der letzten Lektion hier, wir werden Element setzen und dies stellt jedes Element des Arrays dar, während wir es durchlaufen . Sie uns endlich LassenSie uns endlichdie Klimaanlage setzen. Was wir also tun wollen, ist, dass wir alle Elemente zurückgeben wollen, die 18 und mehr sind. Wir wollen nur die Erwachsenen. Also setzen wir einfach Rückgabeelement größer als oder gleich 18. Da haben wir es. Also werden wir all diese Altersgruppen herausfiltern, die nicht größer als oder gleich 18 sind. Wir werden ein neues Array mit nur den erwachsenen Elementen zurückgeben. Lassen Sie uns drücken, eingeben und überprüfen Sie ihre Erwachsene Variable. Und da gehen wir. 35 ist im Array. 14 hat weggenommen. Gefiltert 52 gibt es 21 gibt es? 11 ist herausgefiltert. 80 ist da, 18 ist da und 17 wurde herausgefiltert. Ein Luftfeld wurde seit 18 Jahren gefiltert. Tolle Arbeit. Also hier ist ein weiteres Beispiel, und ich möchte, dass Sie dieses tun. Was wäre, wenn wir das ganze Alter zwischen 18 und sechziger Jahren dazu bringen wollten, dieses Array hier zu sehen? Wir wollen nur das Alter zwischen und nicht einschließlich, aber zwischen 18 und 60. Und hier ist die Qualifikation dieses Mal nicht die Callback-Funktion verwenden. stattdessen Erstellen Siestattdesseneine separate Funktion und rufen Sie diesen Funktionsnamen auf. Probieren Sie das aus. Filtern Sie die Saray in diesem Alter für Alter zwischen 18 Jahren. Und 60 und verwenden Sie eine separate Funktion. Und ich zeige Ihnen in nur einer Minute, wie es geht. Alles klar, Großartig. Hoffentlich hast du das verstanden. Lassen Sie uns zuerst die Funktion erstellen. Sagen wir einfach Funktion, und ich nenne es hier drin Kontrollalter. Ich werde Element und,
uh,
nur meine normale Funktion dort setzen uh, , und ich möchte das Element größer als erinnern, wir werden nicht ungleich tun, weil wir keine 18 oder 60 wollen. Wir wollen etwas dazwischen. Also größer als 18 und weniger als 60. Also Rückgabeelement größer als 18 und weniger als 60. In Ordnung, lass mich schlagen. Geben Sie ein. Oh, whoops. Mein schlechtes. Ich habe vergessen, das Element zweimal reinzulegen, also machen wir das noch mal. Meine Entschuldigung, Elemente, und ich möchte Element zurückgeben, das größer als 18 ist. Und ich muss wieder Element setzen. Element ist weniger als 60. Also das Element, das größer als 18 und weniger als 60 ist, wird es zurückkehren. Also hier, das ist nur meine Funktion. Sie treten ein. Ihre Funktion ist definiert. Zweitens, lassen Sie uns durch Luft-Array mit ihrer Funktion als Argument filtern. Nehmen wir also an, variable Erwachsene P entspricht Alter Punktfilter. Also hier ist ihre Methode, und wir müssen den Funktionsaufruf nicht durchführen. Wir könnten einfach die Funktion übergeben, die wir bereits erstellt haben. Das ist also das Kontrollalter. Das ist alles, was wir jetzt tun müssen. Wenn ich Enter drücken, sollte
ich in der Lage sein, Erwachsene zu überprüfen, und es sollte nur Alter zwischen 18 und 60 haben. Da gehen wir. Also haben wir 35. Wir haben keine 14, weil das unter 18 ist. Wir haben 52 und wir haben 21. Wir haben keine 11. Wir haben keine 80. Das ist über 60. Wir haben keine 18, weil wir nicht gleich 18 waren. Wir haben mehr als 18 und wir haben keine 17. Denn
das natürlich sind
natürlichauch weniger als 18. Das hat also funktioniert. Also haben wir diese nach einer bestimmten Altersgruppe gefiltert. Tolle Arbeit. Aber natürlich, wie immer, gibt es Mawr und das kommt in die Art der Parameter, genau wie wir mit den vier gesehen haben. Also lass mich das aufmachen. So genau wie ihr Wurm oder Parameter für die vier jeder Methode. Dasselbe gilt für die Filtermethode, und diese Parameter sind zufällig identisch. Also wissen wir bereits über das Element, das den Elementparameter benötigt. Aber es gibt Maurin, mit dem du vertraut bist, um, es gibt einen Index
, der der Array-Index des aktuellen Elements optional ist. Und dann gibt es das Array. Das ursprüngliche Array-Objekt ist optional. Also lasst uns damit herumspielen. Gehen wir zurück zu unserem Js Consul und probieren die aus. Nehmen wir also an, wir möchten ein Array von Indexpositionen für alle Elemente erhalten, die 18
und höher sind . Also wollen wir ein Array von Indexpositionen für alle Elemente erhalten, die 18 genug sind. Anstatt also alle Elemente zurückzugeben, die 18 oder höher sind, wir dieses Array filtern und die Indexpositionen zurückgeben. Also lassen Sie mich dieses Array wieder erstellen. variable Alter entspricht 35 14 50 bis 2111 80 18 und 17. Alles klar, also zuerst, fangen
wir mit Luftvariablen eine Anzeige auf ihrer Methode an, so sagen wir, Alter Punktfilter nächsten hinter dieser Callback-Funktion. In Ordnung. Drittens, lassen Sie uns Luftelementparameter übergeben, und unser Indexparameter ist, dass wir den Wert jedes so Element Index vierten benötigen, lassen Sie uns auf Klimaanlage in Konsole Punkt protokolliert den Index hinzufügen. Ja, du kannst es zurückgeben. Aber um unseres Tutorials willen waren nur auf der Konsole einloggen. Also lassen Sie uns sagen, wenn Element whoops größer als 18 ist, dann konsolen Sie diesen Protokollindex. Wenn das Element also größer als 18 ist, zeigt den Index an und ich gebe dies nicht einer
Variablen zu , zeige
ich nur, wie die Indizes hier verwendet werden. Deshalb sind wir Konsole, dass das Protokollieren dieses Also sollte uns den Index aller
Elemente geben , die größer als 18 sind. Sieh dir das an. 0 bis 3 und fünf. Wunderbar. Alles klar
, hier ist die letzte Herausforderung für dich. Probieren Sie das aus. Lassen Sie uns eine Variable mit dem Namen Tag des Monats erstellen und ein Array mit Tagen des Monats haben. Sagen wir also, der dritte, der 15. 22. die zweite, die Acht, der 30. und der 23. alles in Ordnung, Hit return. Hier ist meine Herausforderung an dich. Ich möchte, dass Sie dies durchfiltern alle Tage des Monats
zurückgeben, die nach dem 15. kommen, und es in diesem
Format zurückgeben . Also die 1. 1, die nach dem 15. von 20 Sekunden ist, die ich in diesem Format 22 will, hat einen Index von zwei. Und dann würden Sie sagen, von dem nächsten, der nach dem 15. kommt, wäre wie 30. einen Index von fünf in einer Liste von Element hat einen Index von Index, so dass Sie es mit der Callback-Funktion tun können. Oder Sie können es mit einer separaten Funktion tun, wie Sie möchten. Aber sehen Sie, ob Sie alle Tage des Monats herausfiltern können, die nach dem 15. kommen, und der Konsolenpunkt Loggen Sie es so, dass Element einen Index des Indexes hat. Probieren Sie es aus Jetzt arbeiten Sie es mit Ihnen in nur einer Minute durch. In Ordnung? Hoffentlich hast du das verstanden. Das war sehr ähnlich wie einige der vergangenen Herausforderungen, die wir getan haben. Ich denke, Sie haben es wahrscheinlich verstanden, aber lassen Sie mich es Ihnen trotzdem zeigen. Also werde ich es mit einer separaten Funktion tun. Ich werde sagen, Funktion aufgerufen. Lassen Sie uns es zweite Hälfte mit zwei Parametern Element und Index nennen, und ich werde sagen, ähm, wenn Element größer als 15 ist. Wenn das Element größer als 15 als die Konsole ist, hofft, dass Element Plus einen Index
hat ich hier nur kontaminiere, hat einen Index von Index. Und sieh mal, ich habe diese Räume dorthin gelegt, um den Satz brauchen zu lassen. Ich werde das schließen, und das wird meine Funktion sein. So könnte ich einfach meinen Funktionssatz als nächstes zurückgeben. Ich rufe nur meinen Filter an. Also Tag des Monats. Das ist also mein Array-Punktfilter, und ich werde ihn basierend auf meiner Funktion filtern. Also werde ich nur meinen Funktionsnamen setzen Zweite Hälfte, ich werde zurückkehren. Da gehen wir. 22 als Index von 2 30 hatte ist als Index von 5 23 als Index von sechs. Ich glaube, das hast du wahrscheinlich verstanden. Und ich hoffe, Sie verstehen Filter. Viel besser angekündigt. Sehr mächtig. Sie können ein Array verwenden und bestimmte Dinge basierend auf den Anforderungen, die Sie festgelegt haben, herausfiltern . Es gibt es in eine neue Herrschaft mit Elementen, die Sie herausgefiltert haben. Also sind wir morgen 10 Tage fertig, wir schauen uns die geliebte Kartenmethode an. Das wird eine Menge Spaß machen. Und dann sehe ich dich
12. Tag 11 – Karte: Hey, Leute, willkommen zu Tag Nummer 11. Sie werden vielleicht von diesem Punkt abgenutzt, aber hängen Sie einfach da rein. Sobald du heute durchgekommen
bist, hast du noch einen Tag drin. Die Lektion von morgen ist bei weitem die coolste. Ähm, als Nebenanmerkung, ich habe gerade eine neue Glühbirne reingesteckt und die Dinge waren wirklich Orange County brauchen, was? Schauen wir uns die heutige Methode an, die Karte ist. Die Map-Methode ist so cool, und Sie werden es ein Haufen verwenden. Also heute ist der Tag, an dem wir diese Methode betrachten, die, wenn Sie kommen, um gut zu verstehen, wird ein leistungsfähiges Werkzeug in Ihrer JavaScript-Toolbox werden. Es wird die Map-Methode genannt. Nun, was ist die Kartenmethode? Die Map-Methode erstellt ein neues Array mit dem Ergebnis des Aufrufs einer Funktion für jedes
Array-Element . Es erstellt also ein neues Array, und die Ergebnisse werden das Ergebnis des Aufrufs einer Funktion für jedes Array-Element sein. Warten Sie einen Moment. Das klingt nach einer anderen Methode, die wir getan haben. Das klingt irgendwie nach der für jede Methode, richtig? Nun, es gibt hier einen subtilen, aber sehr wichtigen Unterschied. Die vier jeder Methode gibt eigentlich nichts anderes als undefiniert zurück. Was es tut, ist, dass es jedes Array-Element mutiert. Und dann ist es fertig, den Rückgabewert zu
verwerfen. Ein Beispiel, vielleicht etwas wie das Iterieren über ein Array-Element und das Speichern der mutierten Werte in einer Datenbank und fertig. Und mit mutiertem, ich meine, welche Funktion Sie für jedes Element aufrufen. Auf der anderen Seite, die Map-Methode Analphabeten über ein Array. Es transformiert jedes Element des Arrays, und es gibt ein neues Array mit den transformierten Werten. Dieser neue Strahl hat die gleiche Größe und verwirft kein Element wie die Filtermethode . Alles klar
, der Unterschied zwischen den vier und der Karte ist, dass die vier jeweils nichts zurückgeben. Es geht einfach. Es schleift einfach in Array und mutiert Dinge. Und dann ist es fertig. Die Map-Methode Schleifen über ein Array in mutiert Dinge in ein neues Array mit den transformierten Werten. Also werde ich das besprechen, äh, das nochmal
durchgehen. Wenn das über den Kopf ging, lassen Sie uns zuerst ein Beispiel geben, was die Kartenmethode tut. Also lasst uns Js Consul öffnen und ein Array erstellen. Also, wie wäre es mit variablen Zahlen gleich Lassen Sie uns dies tun. 012345 Und ich habe jede geschweifte Klammer gesetzt. Also, Zahlen, Zahlen, wir haben eine Variable namens Zahlen mit einem Array von sechs Zahlen hier. Null bis fünf Treffer. Geben Sie ein. Nun, welche Parameter glauben Sie, dass die Kartenmethode verwendet? Nehmen Sie einen schnellen Gast. Nun, du hast die gleichen drei. Wie für jeden und Filter, das ist Elementindex im Array. Denken Sie daran, dass das Element das aktuelle Element ist, das im Array verarbeitet wird. Der Index ist der Array-Index des aktuellen Elements im Array. Natürlich
ist das ursprüngliche Array-Objekt. Also lasst uns etwas Einfaches versuchen. Wie jedes Element mit zwei multiplizieren. Na gut, lasst uns das machen. Also machen wir die 4-Schritt-Methode. Sie sollten mittlerweile an diese vierstufige Methode gewöhnt sein. Die 1. 1 fügt also nur die Methode am Ende ihrer Variablen hinzu. Also Zahlen Punktkarte Schritt zwei platziert Luftrückruffunktion in diese Klammern, also Funktion offen. Curly Klammer, in der Nähe, lockiges Rennen und drittens, denken Sie daran, wir gehen in Luft-Array-Element wie üblich. Das könnte jeder Name sein, den du magst. Sie werden oft sehen, wie Leute wie Element verwenden, das wir verwendet haben. Wir haben Zahlen benutzt. Manche Leute benutzen einfach taub. Ich werde Element sagen, lassen Sie uns dieses Mal und her Element verwenden. Denken Sie also daran, dass dieser Elementparameter die Elemente dieses Arrays darstellen wird, wie wir über jede
Schleife. Und schließlich fügen
wir unsere Bedingung hinzu und denken Sie daran, dass dies ein neues Array zurückgibt. Stellen Sie
also sicher, dass Sie Ihren Zustand zurückgeben. Also werden wir sagen Rückgabeelement Times zwei und das sollte es sein. Lass uns treffen, zurückkehren und sehen, was passiert. Boom. Wir haben hier ein neues Array. Alles klar, das ist ein neues Array. Das sind keine Zahlen. Ich kann Zahlen sagen, und wir haben immer noch dasselbe. Dies ist ein neuer Glanz zurückgegeben, und alles wird mit zwei multipliziert. So Null Zeit 001 mal zwei ist 22 mal zwei ist 43 mal zu einer sechs Flasche. Also haben wir über dieses Array iteriert und diese Elemente in ein neues Array mutiert. Tolle Arbeit. Ein paar Dinge nochmals zu beachten, um sicherzustellen, dass Sie verstehen, Karte Nummer eins Luftvariable hat ein neues Array zurückgegeben. Somit ist die Verwendung von Return. Wenn wir ihre Methode in einer neuen Variablen speichern würden, wäre diese Variable ein völlig neues Array mit ihren verdoppelten Beträgen. Ich denke, das ergibt Sinn. Zweitens, die vier. Jede Methode
hingegen hingegen kann nicht zurückgegeben werden. Deshalb mussten wir Punkt längere Antworten trösten, denn sobald die Array-Elemente Luft mutiert haben, ist
es fertig. Sie können sofort sehen, wo die Verwendung von Karte ein viel besseres Werkzeug wäre, wenn Sie
irgendeine Art von Debugging auf der Straße durchführen müssten . Hier ist also eine Herausforderung für dich. Ich werde eine neue Array-Variablennummern erstellen, und ich werde ein paar Zahlen hier reinlegen. Also neun, 16 25 400 sagen wir 900. Hier ist, was ich will, dass du tust. Ich möchte, dass Sie die Kartenmethode verwenden. Und anstatt eine Callback-Funktion zu erstellen, übergeben Sie die Mathematik-Punkt-Quadratwurzel-Objektmethode als Parameter Staub, erhalten die Quadratwurzel jedes Elements und erstellt in einem neuen Strahl namens Quadratwurzel-Array. Also, wenn Sie nicht mit mathematischen Punkt-Quadratwurzel vertraut sind, können
Sie sagen, um 25 und das sollte die Quadratwurzel von 25 bekommen, die fünf ist. Anstatt also eine Callback-Funktion zu machen, möchte
ich, dass Sie diese mathematische Punktquadratwurzel in Ihren Parameter einfügen, also wird es dieses Array durchlaufen, und es wird die Quadratwurzel jedes Elements erhalten. Probieren Sie das aus und speichern Sie es in einer Variablen namens Quadratwurzel-Array. Gib dem eine Chance und ich arbeite es in einer Minute mit dir durch. Alles klar, lassen Sie uns das gemeinsam durchgehen. Hoffentlich hast
du es, aber es ist ziemlich einfach. Wenn du es nicht verstanden hast, wirst
du dich selbst schlagen, nachdem du siehst, dass das sehr einfach ist. In Ordnung, also Zahlen sind da. Variabler Punkt matt. Wir fangen damit an. Und dann habe ich Ihnen gesagt, anstatt die Callback-Funktion zu tun, geben Sie
einfach in Mathematik Punkt Quadratwurzel ein und wir wollen es in einer Variablen namens Where Root
Array speichern und wir sollten Enter drücken. Das ist also alles, was es zu einer Zahlenpunktkarte ist, und für jedes Element werden
wir die Quadratwurzel bekommen. Also lassen Sie mich treffen, betreten und wir werden undefiniert. Warum sind wir undefiniert geworden? Nun, das ist, weil wir es in einer Variablen gespeichert haben, also mal sehen, was die Variable gibt Quadratwurzel-Array eingeben und ich habe ein neues Array mit den Quadratwurzeln, Also Quadratwurzel von neun ist drei Quadratwurzel von 16 ist vier und weiter und weiter. Wenn ich also Zahlen tippe, sehe
ich, dass sich das Array nicht geändert hat, dass es ein brandneues Arrangement erstellt hat und das
in quadratischer Rotation gespeichert wird . In Ordnung, ich denke, du verstehst den Punkt. Also lassen Sie uns versuchen, 1/3 Beispiel, und in diesem Fall werden
wir den Indexparameter involviert zu bekommen. In Ordnung, also lasst uns etwas Einfaches machen, das Variable erstellt hat. Lass uns eine Sammlung von Leuten erstellen, die so gleich ist, dass ich hier ein paar Klammern setzen werde, das
aufmachen und drei Leute hinzufügen werde. Also werde ich sagen,
ähm, ähm, Vorname, ich muss sagen, äh, Jimmy Nachname Brown. Schließen Sie das ab, setzen Sie ein Komma Whoops, Komma. Und ich werde nur noch mehr Leute kopieren und einfügen. Pace Basierend auf der zweiten Person, werde
ich sie Cindy nennen. Vorname und Malcolm. Nachname. Vorname der dritten Person. Ich werde Timothy sagen, Vorname und Stümpfe Nachname im Gegenzug. Also habe ich hier eine Sammlung von Leuten mit Vornamen Nachnamen. Also, was wir tun werden, ist, dass wir Matt die Map Toe Schleife durch diese Leute benutzen, um nur den Vornamen
aufzulisten. Wenn wir also eine Menge Leute hätten und wir nur den Vor- und Nachnamen von jedem bekommen wollten , könnten
wir Karte verwenden und durchlaufen. Das werden wir tun. Lassen Sie uns unsere Funktion für diese separate erstellen. Also lassen Sie uns Funktion in Lassen Sie uns Luft,
aktuelles Element und den Index übergeben,in aktuelles Element und den Index übergeben, Ordnung, und wir werden diese Funktionsliste Namen nennen, so Element und Index als ihre Parameter
darin . Ich werde eine Variable namens vollständige Namen in diesem Element Punkt Vorname erstellen weil diese Objekte und ich den Namen wollen, möchte
ich den Wert und das Element Punkt Nachnamen und dann werden wir einfach vollständige Namen zurückgeben . Komm hier runter, damit ich meine Funktion eingestellt habe. Also, wie laufen wir Karte? Es ist sehr einfach. Ihr erster Schritt ist immer die variable Punktkarte, und sie würden die Funktion übergeben. Die Liste Namen Funktion Treffer, Rückkehr in Ordnung, und wir bekommen eine andere. Wir bekommen eine Reihe von einer Gehaltserhöhung. Wenn wir das öffnen, sehen
Sie, dass wir drei Arrays haben, weil wir das hier gemacht haben. Und so öffnen wir die 1. 1 Wir haben Jimmy Brown, wir öffnen die 2. 1 wir Cindy Malcolm haben, weil wir das Komma setzen. Es hat zwei verschiedene Indizes erstellt. Das ist also kein gutes Beispiel. Also lass es uns ein bisschen verkleiden, und ich werde dir diese Herausforderung geben. Also nehmen Sie dies und sehen Sie, ob Sie Hint verbinden können, Sehen Sie, ob Sie sie in einer Zeile in einem neuen Array namens Namen mit der
Indexposition verbinden können, die davor aufgeführt ist. Es wird also so aussehen. Das ist es, was ich will, dass du tust. Also möchte ich, dass Sie ein Array mit diesem darin haben. Zero Jimmy Runde. Das wäre im Nullindex. Und dann möchte ich, dass Sie,
ähm,
einen setzen ähm, . Was ist eins? Und das wird sagen, Cindy Malcolm und zu Timothy Stumps. Ordnung, das ist
also ein Array, also möchte ich, dass Sie Map und die gemeinsame Methode verwenden, sehen Sie, ob Sie sie in einer Zeile verbinden können. Diese dieses Array einer Erhöhung,
sehen, ob Sie sie in einer Zeile in einem neuen Array namens Namen verbinden können, mit der Indexposition vor ihm aufgelistet. Es wird also in einem Strahl Null in Position Null sagen, wir haben Null, was die Indexposition ist. Doppelpunkt, der Name der Person im ersten Index. Wir haben einen in so weiter. Mal sehen, ob du das schaffst. Ich hoffe, das macht Sinn. Sieh mal, ob du das tun könntest. Und wenn nicht, führe ich dich in einer Minute durch. Also lass mich dich durch dieses Rennen führen. In diesem Jahr werde
ich die Funktion wieder separat definieren, weil ich das einfach gerne mache. So Funktion. Nennen wir diese Liste Namen wie vor diesem Passagierelement und ihrem Index. Wir brauchen sie sowohl offen als auch geschlossen. Marke geschweifte Klammern erstellen eine Variable namens vollständige Namen und gleich. Und lassen Sie uns einfach mit dem beginnen, was wir letztes Mal Element hatten, dass Vorname Komma Element Punkt Nachname. Fangen wir damit an. Und dann, natürlich, geben Sie vollständige Namen zurück. In Ordnung, aber wir wollen sie in einer Zeile verbinden. In Ordnung. Wir wollen es nicht wie vorher. Wir wollen sie in einer Zeile verbinden, so Lassen Sie uns auf Luft hinzufügen, Join-Methode. Denken Sie daran, wie man das macht. Wir gehen einfach bis zum Ende dieser und setzen Punkt Join und es hat das Argument der Luftabscheider. Was wird ein Separator sein, um in den Weltraum zu gehen? Also haben wir ihre Join-Methode hinzugefügt. Nun fügen wir hier ihren Indexwert sehr schön an der Front hinzu. Also, genau hier, werde
ich nur Index setzen, dann Plus, wir müssen unseren kleinen Colin dort setzen. Also lasst uns dort angeboren zusammenbacken, Colon und einfach so. Mal sehen, was passiert. Nehmen wir diese Funktion und geben sie zurück. In Ordnung, Also unsere Funktionen eingestellt und schließlich, Luft Matt Methode mit ihrer Funktion ist das Argument in unserer neuen Variablen zugewiesen. Also Leute Dot Map, wir müssen es einer Variablen namens Namen zuweisen, Natürlich. Also Menschen Punkt Karte und dann Luft Argument ist die Funktionsliste Namen. Sehen Sie, was passiert. Boom Namen. Jetzt sieh dir das an. Ich habe kein Array mit drei Elementen darin. Es gibt in Indexposition 10 Ich meine, Indexposition Null Jimmy Brown ein Cindy Malcolm zu Timothy Stumps. Also haben wir sie zusammengeschlossen. Tolle Arbeit. Wenn du das nicht richtig verstanden hast, ist
das irgendwie schwierig,
aber ich denke, du verstehst die Kartenmethode. Jetzt lass es mich noch einmal sagen. Hören Sie genau zu. Wenn Sie sich nicht an alle Beispiele der weniger erinnern und nur sicher sein, dass dies der
Unterschied zwischen der Karte in den vier jeder erinnern . Denk dran, sie sind sehr ähnlich. Sie machen die gleichen Dinge. Der Unterschied ist, dass die Karte tatsächlich etwas ein neues Array zurückgab, während die vier jede Methode zurückgibt. Nichts Undefiniertes. Das ist der Schlüssel. Sobald Sie das haben, denken Sie
daran, dass die Karte es über ein Array bewertet und eine Funktion für jedes Element
aufruft, indem Sie die transformierten Elemente in ein neues Array
der gleichen Größe zurückgeben . Das ist also die Kartenmethode. Es ist wunderbar zu wissen. Bleiben Sie hier, üben
Sie weiter. Und ich werde dich in unserer letzten Lektion sehen, Lektion 12, die meiner Favoriten ist und mich sehr lange daran gewöhnt hat. sehen wir uns in der nächsten Lektion an. Und wenn wir fertig sind, habe ich ein Spickzettel, um dir so einen Tag zu sehen 12
13. Tag 12 – reduzieren: Hey, alle. Und willkommen am 12. Tag. Hier bist du. Herzlichen Glückwunsch, dass du es so weit gemacht hast Und mein Geschenk an Sie ist diese tolle Methode hier am 12. Tag. Dies ist einer der Besten. Wenn Sie dies lernen und in Ihre Toolbox legen, wird
es für Sie in Ihrem Code und Ihrer Karriere so nützlich sein. Die Methode für heute heißt also reduzieren. Wir werden auch auf reduzieren,
richtig, richtig, aber das dauert nur eine Sekunde, wenn Sie verstehen, reduzieren. Also hier ist es die letzte Lektion. Nach heute wirst du 30 Javascript-Methoden kennen und du wirst meinen hochwertigen
Spickzettel mit all diesen Methoden erhalten , um an deinem Arbeitsbereich als Referenz aufzuhängen. Aber zuerst, lassen Sie uns diese Methode durcharbeiten. Es ist ein guter. Also heißt es reduzieren. Was ist die Reduce-Methode? Es ist dies Die reduzierte Methode führt eine Funktion für jeden Wert des Arrays aus. Klingt vertraut. Aber schauen Sie sich das von links nach rechts an und reduziert das Array in einen einzigen Wert. Das ist der Unterschied. Es iteriert also über dieses Array, und es nimmt jedes Array-Element und reduziert es auf einen einzelnen Wert. Um das zu verstehen, werden
wir hier Schritt für Schritt das Format durchlaufen. Also zuerst. Schauen wir uns das Schritt für Schritt an. zunächst Lassen Sie unszunächstdie Funktion aufbauen und diskutieren, was sie tut. Nehmen wir an, wir haben ein Array namens Array-Beispiel. Lassen Sie uns unsere Methode daran befestigen. Das ist also ihre vierstufige Methode. Denken Sie daran? Also Schritt ein Array Beispiel Punkt reduzieren. Das würden wir tun. Schritt zwei. Wir würden eine Callback-Funktion eingeben, damit wir unsere Funktion innerhalb der reduzierten
Klammern setzen würden . Das ist Ihnen sehr vertraut. Jetzt überprüfe das. Hier unterscheiden wir uns hier. Drittens, lassen Sie uns über Parameter sprechen, da das ist, was jeden ausbricht. Die Callback-Funktion hat vier Parameter. Vier. Nummer eins, der Akkumulator. Das ist die Sache, über die wir reden müssen. Der Akkumulator sammelt alle zurückgegebenen Callbacks Werte. Dies ist erforderlich. Dies ist der Wert, der sich ändern wird. Wenn wir das Array durchlaufen haben, werden
Sie das in einer Minute mehr verstehen. Zweitens ist das Element. Du weißt, was das Element ist. Das ist der Wert des aktuellen Elements, das ebenfalls erforderlich ist, und dann der dritte Index. Du weißt das. Das ist der Index des aktuellen Elements optional und schließlich das Array. Das ursprüngliche Kursobjekt. Gute Nachricht ist, dass, Sie wissen, 23 und vier bereits dort die Samos Filter und für jede und Karte. Aber wir müssen über diesen Akkumulator sprechen. Aber was ist dieser Akkumulator? Was ist das? Nun, denk darüber nach. Wenn wir eine Funktion für jedes Element aufrufen und diese Elemente in einen
einzigen Wert reduziert werden , muss
es einen bestimmten Wert geben, wo die Akkumulation geschieht. Ah,
Wert, der die Änderungen in einen einzigen Wert aufsummiert. Das ist der Akkumulator. Sie werden oft sehen, dies genannt Total oder ein C C. Ich werde sagen, handeln, Lassen Sie uns AK verwenden und sind Beispiele für den Akkumulator. Also lassen Sie uns es bis zur endgültigen Formel zusammenfassen, und es ist ein ray Beispiel Punkt reduzieren innerhalb von reduziert. Wir haben eine Callback-Funktion, und als ihre Parameter haben
wir AC für den Akkumulator-Element-Index, ein Array. So Beispiel Zeit. Das ist genug davon. Schauen wir uns einige Beispiele an, so weiter zu Air Js Council. Schauen wir uns ein einfaches Beispiel an. Lassen Sie uns eine Variable namens Zahlen erstellen und ein Array haben, das nur einige Zahlen enthält. 0123456 Gib das zurück, und wir machen vier Schritte. Das solltest du längst gewöhnt sein. Also haben wir Zahlen Punkt Punkt reduzieren. Was auch immer Variable Luft-Array ist, ist mit der am Ende hinzugefügten Methode, das ist Schritt eins. Schritt zwei ist bei einer Callback-Funktion, also lassen Sie uns unsere Funktion dort hineinlegen. Schritt drei fügen Luftparameter jetzt für diesen dritten Schritt Luft Akkumulator eingeben, weil es erforderlich ist und unser aktuelles Element, weil es als Argumente erforderlich ist. Also hier werden wir Akt für Akkumulator und Element setzen. Der Akkumulator ist hier. Das Element wird diese Elemente des Regens Endlich sein, und was wir tun werden, ist, dass wir den Akkumulator nehmen und jedes Mal das
Element hinzufügen . Also genau hier können wir zurück ac plus Element setzen und sehen, was wir bekommen. 21. Also hier ist, was in diesem Beispiel aufgeschlüsselt wird,
das ist, was los ist. Also der Akkumulator Null. Wenn das nicht gesetzt ist, wird
es immer das erste Element des Arrays sein. So dass Null-Luftakkumulator-Null-Element Null ist. Also, wenn wir die zusammen addieren, bekommen
wir Null Das ist der erste Anruf. Jetzt springen wir zum zweiten Anruf. Der Akkumulator ist immer noch Null und wir haben ein Element von eins. Also eins plus Null wird eins sein, der ihr Akkumulator ist. Nun, der dritte Anruf, den wir haben,
ist, dass es das Akkumulator-Luftelement zu ist, also zwei plus eins ist drei, die einen
drei zurückgeben wird , der jetzt Luftspeicher ist. Also, wo der Akkumulator beim vierten Anruf mit drei beginnt Element ist
drei, drei plus drei wird sechs sein. Das wird ein Rückgabewert sein. Das ist Luft Neuer Akkumulator. Siehst du, was los ist? Jeder Rückgabewert in diesen Schleifen wird sich im Akkumulator summieren. Das ist der Punkt des Akkumulators. Endlich, So können Sie Paul und Sie können durch diese sehen. Dies zeigt euch alle von allen sieben Anrufen hier und wie wir auf den Wert 21 kommen. Alles klar, jetzt halten Sie eine Minute. Das war nicht genug. Es gibt einen weiteren Parameter, der als Anfangswert bezeichnet wird. Also dann, um es zu summieren, wir haben dieses Array-Beispiel Punkt reduzieren, Wir haben eine Callback-Funktion und wir haben Luftparameter AC Element Index, ein Array und dann nach dieser Funktion, wir haben ein Komma im Anfangswert. Was ist dieser Anfangswert? Nun, einfach gesagt, der Anfangswert ist der Wert, mit dem der Akkumulator beginnt. Wenn kein Anfangswert vorhanden ist, beginnt der Akkumulator als erster Wert des Wertes des ersten Array-Elements. Das habe ich schon erwähnt. Wenn Sie dies also nicht bereitstellen, ist
es optional. Wenn Sie es nicht angegeben haben, beginnt
der Akkumulatorwert als erster Wert des Arrays. Wenn ein Anfangswert vorhanden ist, dies der Anfangswert des Akkumulators von Anfang an. Versuchen wir also ein Beispiel mit dem Anfangswert. Und hier ist die Reduce-Funktion mit dem Anfangswert von acht. Also hier ist ein Beispiel hier genau so Zahlen Punkt reduzieren Schritt ein Schritt zwei Callback-Funktion. Schritt drei, wir werden hier einige Parameter übergeben. Wir werden AC ein Element setzen, weil diese erforderlich sind. Und machen wir dasselbe, was wir vor einer Minute gemacht haben. Lassen Sie uns AC plus Element zurückgeben, aber dieses Mal werden wir ein Komma einen Anfangswert von acht setzen. Also sind wir der Akkumulator wird auf acht beginnen. Also lasst uns schlagen. Geben Sie ein und sehen Sie, was passiert. 29. Das sind also die gleichen Schleifen im Diagramm, die ich Ihnen vorhin gezeigt habe. Aber anstatt den Akkumulator bei Null zu starten, begannen
wir mit acht. Also, wenn du das Diagramm wieder auföffnest und die Null durchkreuzt und acht hineinsetzt und
dich durch sie
arbeitest , wirst du am Ende 29. Also im Grunde, das bringt uns nur acht voraus, weil alles, was wir tun, ist die Summe der Werte. So wie auch immer, so geben Sie dem Akkumulator einen Anfangswert einen Startwert. In Ordnung, also schauen wir uns ein letztes Beispiel an, um zu versichern, dass wir die Grundlagen von Reduce verstanden haben. Schauen wir uns einige Daten an. Also werde ich, äh, hier eine Sammlung
eintragen. Machen wir variable Population gleich ein paar Klammern hier drin. Ich werde ein paar Daten eintragen. Also lassen Sie uns das tun und sagen, Staat ,
Kalifornien,
machen, dass ein Kapital C Staat California Komma Pop die Stände für Bevölkerung 397 acht 0000 Karma genau hier wird eine gemeinsame sein Was ich tun werde, ist, dass ich einfach kopieren und einfügen dies so Tempo in diesem Jahr und fügen Sie, dass es und lassen Sie mich ein weiteres Tempo tun, dass es. Lasst uns hier ein paar Populationen machen. Also lebe ich in Virginia. Die Bevölkerung von 841 2000. Der nächste Staat, den wir geben werden, ist Florida Bevölkerung von 206100 Es gibt dort. Der endgültige Zustand ist zufällig Haupt mit einer Bevölkerung von 1331000 Alles in Ordnung. Und ich wünschte, ich könnte das besser formatieren. Das ist eine Sache mit Js, Consul, du kannst das nicht in ein schönes,
hübsches Format bringen . Also, was wir tun werden, ist, dass wir die Reduce-Methode verwenden, um die Gesamtbevölkerung
dieser vier Staaten zu bekommen . Also, wenn jemand sagte „Hey, ich habe diese vier Staaten, warum gibst du mir nicht die Gesamtbevölkerung von ihnen? Sie können sagen, Hey, ich kann die Reduce-Methode verwenden, weil ich diese durchlaufen und sie auf einen einzigen
Wert reduzieren kann . Also, wie wäre es, wenn du ihm eine Chance gibst? Ich lasse dich hier blind und probiere es aus. Gib ihm deine beste Chance. Beginnen Sie mit meiner 4-Schritt-Methode, also Population Punkt Reduzieren und gehen Sie von dort. Versuchen Sie zu sehen, ob Sie den Gesamtwert erhalten. In Ordnung, ich habe dir das nicht gesagt, aber hier gibt es einen großen Trick. Das musstest du wirklich fangen. Hast du jetzt die Antwort bekommen? Lesen Sie einfach die weichere Seite. 1331000206100008412000 Haben Sie das bekommen? Wenn du das tust, dann ist das falsch. Und ich sage dir, warum ich das auch habe. Ich dachte, das wäre richtig. Aber es ist falsch und das ist eine tolle Sache. Es ist immer gut, falsch zu sein, weil man aus seinen Fehlern lernt. Weißt du, wenn du keinen Anfangswert gesetzt hast, als du tatsächlich mit der Bevölkerung von
Kalifornien begonnen hast, also begann dein Akku mit 39780000, also hast du nicht von Null angefangen. Du hast alles angefangen, was er mit diesem Akkumulator angefangen hat, damit Akkumulatoren
sich jetzt hier und hier hinzufügen und du wirst zu höherer Zahl kommen. Sie müssen also den Anfangswert von Null starten. Das ist sehr wichtig. Der Akkumulator, die Anfangswerte der sehr wichtigen Sache bei der Verwendung dieser Methode. Versuchen Sie es erneut mit Null als Anfangswert und dann werde ich es mit Ihnen durcharbeiten. In Ordnung? Hoffentlich haben Sie eine andere Nummer als die, und wir werden sehen, was das ist in einer Minute. Also hier ist, was wir tun werden. Ich werde
auch die Rückkehr treffen . Speichern Sie das. Also ist es einfach. Ist dieser Blick, Bevölkerung Schritt eins ist Bevölkerung reduziert. So haben wir angefangen und dann zu funktionieren. Callback-Funktion. Schritt drei. Was werden wir hier als Parameter einbringen? Wir werden AC ein Element setzen, weil diese erforderlich sind. Und was kehren wir dann zurück? Rückgabeelement Punkt Pop. Also die diese Luftelemente, die wir haben, um Element dot pop plus ein CC zu machen und zu sehen, ob wir
mit dieser Nummer beginnen , das erste, was tun wird, ist diese Zahl zu sich selbst hinzuzufügen, weil es mit der 1.
1 beginnt , die Kalifornien ist. Also natürlich müssen
wir den Standardwert setzen. Also Komma Null oder nicht Standardwert der Anfangswert. Also das ist alles, was Sie tun müssen, ist das einzugeben, und wenn Sie zurück drücken, sollten
Sie 70133000 bekommen Alles klar, das sind 70 Millionen. 133.000 Menschen. So große Arbeit in der Bewältigung und zunächst schwierig, aber extrem leistungsfähige Methode. Eine letzte Sache, bevor ich dich gehen lasse. Nun, da Sie wissen, die Reduzierung bedeutete, dass Sie leicht zu Ihrem Arsenal reduzieren rechts hinzufügen können, was reduziert wird, oder? Gut reduziert rechts ist genau das gleiche wie reduziert, aber es reduziert die Array-Elemente von rechts nach links statt von links nach rechts. Es wird Zeiten geben, in denen du das brauchst. Ich weiß nicht wirklich warum im Moment, aber reduzieren Sie richtig. Nur beginnt von rechts in reduziert die Dinge nach links. Das ist alles, was es tut. So reduziert ist genial. Sie sollten sich wirklich mit diesem anlegen und sich wirklich an die Macht der Reduce-Methode gewöhnen . Tolle Arbeit. Du hast es durch 30 Methoden in 12 Tagen dort gehängt. Und in der nächsten Lektion werde
ich dir den Link dafür geben, Cici.
14. Glückwunsch! Hier ist dein Cheatsheet!: He, Leute. Und herzlichen Glückwunsch für die Fertigstellung dieser 12 Tage. Sie haben 30 Javascript-Methoden gelernt. Nun, zum besten Teil, wenn Sie jetzt aufhören, gehen
Sie ein paar Wochen weg, werden
Sie eine Menge von diesem Zeug vergessen. Also, was ich getan habe, ist, dass ich ein qualitativ hochwertiges Spickzettel erstellt habe, basierend darauf, wie Sie dieses
Material lernen . Also, wenn du hier auf dem Bildschirm siehst, habe ich ein Spickzettel für dich. Ich möchte, dass du es ausdruckst. Ich möchte, dass du es direkt an deinem Schreibtisch aufgehängt hast. Laminiert. Was auch immer Sie tun müssen, es ist eine unschätzbare Ressource. Ich benutze es täglich. Okay, also hier ist, was ich getan habe. Ich habe alle Methoden genommen. Also alle Methoden, die wir gelernt haben, habe
ich sie in eine Spalte gesetzt. Ich habe eine zweite Spalte, und das ist für die Art der Methoden. Also haben wir ein vier Array haben wir s für Strings und Ende für Zahlen. In Ordnung. Als Nächstes habe ich die Parameter. Jetzt sieh dir das an. Diese Luft die Parameter für jede Methode und hier oben rechts. Sie werden sehen, dass das, was in der grauen ist, optional ist. Was in der schwarzen ist erforderlich, also wenn Sie hier runter kommen, werden
Sie sehen, ich habe alle Parameter beiseite für Sie mit den Informationen ob sie erforderlich oder optional sind,
je nachdem, welche Farbe sie sind. Schließlich habe ich eine Spalte mit der Definition. Also genau hier. Wenn Sie dies ausdrucken, erhalten Sie
hier die Methode, den Methodentyp, die Met, die Parameter und die Definition der Methode. Ich finde, das ist großartig. Sie sind 30 JavaScript-Methoden hier. Und hier ist, wie Sie es bekommen. Herzlichen Glückwunsch zum Abschluss des Kurses. Hier ist, wie Sie es bekommen. Sie gehen auf meine Website www dot Travis dot Medien. Ja, ich habe Haare. Jetzt habe ich keine dort. Uh, und Sie geben einfach Schrägstrich Js-Methoden hier ein. Die Spitze, die Sie sehen werden? Herzlichen Glückwunsch. Hier ist dein Spickzettel. So haben Sie einen hochwertigen Spickzettel PNG, Sie
das Bild oder den hochwertigen Spickzettel herunterladen können. Pdf, laden Sie das hier herunter. Klicken Sie also einfach darauf und das Spickzettel gehört Ihnen. Und noch einmal, Herzlichen Glückwunsch. Vielen Dank, dass Sie meinen Kurs genommen haben und sich Zeit genommen haben, 12 Tage außerhalb Ihres Jahres zu nehmen, um
so viele Methoden zu lernen . Viel Glück auf Ihrer Javascript-Reise und Sie codieren Reise. Ich wünsche Ihnen das Beste