Mógłbym wrócić w tej lekcji.
Jesteśmy nadal mówić o wyścigu i mamy zamiar skupić się na tablicy iteracji.
Więc aż do tego punktu widzieliśmy w jaki sposób możemy utworzyć tablicę, jak tablica jest tylko lista dane możemy przechowywać co chcemy tam.
Możemy przechowywać liczb i ciągów i wartości logicznych możemy przechowywać inne tablice, ale chodzi o to, że mamy przechowywane rzeczy tam i podjęliśmy rzeczy i mamy dostęp do informacji takich jak dał mi pierwszy element daje mi ostatni element lub użyliśmy Push i Pop oraz przesuwać, a n przesunięcie.
Ale aż do tego punktu nie widzieliśmy jak moglibyśmy przejść każdy kawałek tablicy czy jakiś kod do każdego elementu w tablicy.
I to, co odnosi się do macierzy iteracji na iterację listę iteracji po tablicy.
Zasadniczo przelotowego tej tablicy i robi coś dla każdego elementu lub każdego elementu.
Więc dam ci kilka aplikacji realnym świecie prawdziwych przykładów macierzy iteracji.
Więc Typowym przykładem jest komentarze i posty.
Więc blogach, czy to jest Tumblr lub Reddit Chyba Tumblr tak naprawdę nie ma komentarzy, ale powiedzmy, że czytać i czytać.
Post ma kilka uwag.
Dobrze uwagi te są przechowywane w tablicy oraz w celu wyświetlenia wszystkich tych uwag, co tak naprawdę się dzieje, że niektóre kodu pętli przez to iteracje na tej tablicy z 10000 komentarzy potencjalnie, a dla każdego z nich sprawia, że ​​ich za każdym razem cała zawartość i sprawia trochę sojusznikiem czy to sprawia, że ​​punkt niezależnie od wieku, że komentarze są generowane jest go w pętli.
Kiedy iteracyjnego w Iraku będziemy robić coś bardzo podobnego w komentarzach, jak również.
Później w tym oczywiście, gdy mówimy o Noad i wyrażania go w rozwoju będziemy używać pętli iteracyjne nad tablicę komentarzach wydrukować każdy komentarz.
Będziemy również z wykorzystaniem macierzy iteracji po wprowadzeniu go do listy.
Więc już rozpoczął prosty do zrobienia, ale kiedy właściwie w każdym dodamy do Malmsey SS będzie za pomocą pętli, aby przejść do każdego robić i zarobić trochę div dla siebie zrobić i wtedy będziemy styl każdego z nich.
To samo w momencie tworzenia aplikacji blogu zamierzamy użyć pętli i dla każdego bloga na naszej tablicy blogów mamy zamiar coś zrobić.
Zrobimy trochę blogu na stronie.
Więc promieniowania jest bardzo ważne.
Jest to prawdopodobnie najczęstszą rzeczą, którą robimy z tablic.
Mamy listę danych.
Zwykle chcesz coś zrobić, aby wszystko w tym wykazie.
W przeciwnym razie, jeśli tylko chcą pracować na pierwszą rzeczą zawsze lub siódma pozycja zawsze może nie powinno być przy użyciu tablicy.
Może po prostu zapisać ten element na własną rękę.
Tak więc mamy tu trzy cele.
Pierwszy z nich to chcę pokazać, jak można użyć pętli for iteracyjne nad tablicę, a potem mam zamiar pokazać wam coś zupełnie nowego nazwie dla każdego.
Więc widziałem cztery pętle foreach wcześniej, ale to coś zupełnie nowy to jest ekscytujące w mojej opinii.
Jest to naprawdę bardzo przydatna również.
A potem ostatnią rzeczą, którą możemy zrobić, to porównać dwa.
Więc zacznijmy tutaj mam przykład za pomocą pętli for pętli tablicy.
Więc mamy tablicę kolorów, które ma cztery pozycje dla ciągów czerwony pomarańczowy żółty i zielony.
Teraz gdybym chciał wydrukować każdy z nich, jeśli nie rozmawialiśmy o tym nie zrobić iteracji re.
Będę skopiować ten tutaj.
Co mam zrobić, to coś takiego.
Anuluj że dziennik kolory zera, a następnie zrobić to samo dla 1 i 2.
I wreszcie na 3, co daje nam zielone i goście heads up szkodliwa, ale to nigdzie w pobliżu tak źle, jak mogłoby być, gdybyśmy mieli dziesięć tysięcy kolorów w tej tablicy lub 10000 komentarzy na temat albo przeczytać post.
Tak oczywiście, że nie będzie tak naprawdę dla nas pracować.
Nie wspominając o tym, że nie jest sucha kodu.
Jesteśmy powtarzając sobie przez cały czas.
Więc używamy pętli, aby pomóc zautomatyzować ten proces, ponieważ to, co robimy tutaj jest taka sama operacja.
Jedyną rzeczą, która zmienia to numer 8 tutaj.
I za każdym razem jesteśmy po prostu dodanie jednego.
Więc zaczynamy na początku tablicy i jedziemy aż do końca, dzięki czemu można po prostu zrobić z pętli for jak można zobaczyć tutaj.
Więc nasza pętla dla naszego oka nasza zmienna zaczyna się od zera, bo to zawsze pierwszy indeks w tablicy.
A potem dodasz do niego za każdym razem przez pętlę i wracamy.
Łał.
Jest to mniej niż długość tablicy kolorów.
Więc pamiętaj, że długość tej tablicy jest cztery.
Więc podczas gdy mniej niż cztery godziny, to nigdy nie powinno równa cztery kolory cztery, bo nie jest zdefiniowana.
Więc ten rodzaj pętli for jest naprawdę bardzo powszechne.
Więc pozwól mi wystarczy wpisać go tu na nasze oko jest równa zeru oczy mniej niż kolor outflank i nie trzeba robić to w ten sposób.
Można również zrobić mniejsze lub równe dwóch kolorach długości.
Amanda swon który jest trochę dłużej, więc większość ludzi nie napisze to w ten sposób, ale to samo.
Więc zamknij się jak ja plus plus i otworzyć nasze uchwyty.
A co zrobimy tutaj zamiast rady na temat rejestrowania zróbmy w sprawie alarmów ostrzegawczych kolorach.
Właśnie tak.
Tak naprawdę to nie powinno być wszystko, co nowe widzenie widząc nas za pomocą pętli for jak to jest nowy, ale nie ma nic nowego o ile pojęć.
To właśnie przy pętli for, które już widziałem wiele, zaczynając od zera i jedziemy w górę i powiedz jakiś inny numer, a następnie wszystko, co robimy, jest podłączenie tej liczby do tablicy.
Warto więc spróbować.
I mam nadzieję, że można to przeczytać I skończyć z czerwony pomarańczowy żółty zielony.
I zróbmy to samo, tylko z radą dot Lague zamiast.
I tam idziemy.
Więc jeszcze raz, co chcemy faktycznie z czymś komentarzy zrobić dla naszego zadzwonię.
A potem poprosiłem mniej i komentarzy na długość, a nie odwołany zalogowaniu coś możemy mieć funkcję o nazwie make komentarz krawędziach go czy coś takiego i że będzie odpowiedzialny za realizację wszystkich iChat niego Alpher jeden komentarz, a teraz robimy że do każdego elementu w tablicy komentarze.
OK.
Więc to w jaki sposób możemy użyć pętli for.
Mogliśmy również cofać więc zacząć od końca tablicy i iść aż trafiliśmy do zera.
Ale to trochę mniej popularne, ale jest zupełnie inny sposób iteracja tablicy zwanej foreach.
I moim zdaniem jest o wiele ładniejszy foreach używać prościej jest krótszy i jest bardziej powszechne w dzisiejszych czasach.
Teraz każdy ma takie zawsze były częścią JavaScript.
Więc jest to stosunkowo nowy w porównaniu z wykorzystaniem pętli for lub zwykły stary pętli pętli tablicy.
Wyszło w sposób myślę, 2009 lub tak.
Więc nie będzie tutoriale i są pewne starsze książki, które nie odwołują się do tego, ale na co warto myślę, że jest to najlepszy sposób na pętli tablicy.
Jest trochę utrudnień przeboleć na samym początku jak zobaczysz tutaj.
To coś nowego, że to trochę przytłaczający, dokąd właściwie przekazując funkcję do innej funkcji.
Więc będę tłumaczyć, że za chwilę.
Ale po przeszłości, że po rodzaju nauczyć się składni i przyzwyczaić się do niego i nie wiadomo, kiedy trzeba mieć nawiasy w nawiasach i nie ma tam niby trochę bagażu, że trzeba dotrzeć na początku, ale po jesteś z tym dobrze, że to o wiele łatwiejsze niż przy użyciu pętli for.
Jest szybszy, a zobaczysz go w każdym miejscu, a ja staram się spróbować i być zrównoważone wykorzystanie przez pętle foreach używać tylko rodzaj cię uderzyć z obu stron tak, aby przyzwyczaić się do obu z nich.
Ale powiem ci teraz jestem częściowe do czterech każdego.
Więc o to chodzi.
Jest to metoda zwana dla każdego, który jest określony na każdej tablicy.
Jest częścią czegoś o nazwie prototyp tablicy, która jest, gdy wszystkie z tych metod, takich jak push and pop i Shift oraz unshipped To miejsce, gdzie wszyscy żyją.
Więc co robi to trwa funkcji jako argumentu, jak można zobaczyć tutaj.
Więc piszemy tablicę cokolwiek nazwa tablicy jest kolorowej komentarze dot kosztów dla każdego wielbłąda za sprawy.
A potem mijamy w funkcji.
Tak więc w rzeczywistości nie wygląda tak.
Zwykle to, co zobaczysz, najczęściej jest anonimowa funkcja jak my tu mamy.
Więc przechodzą w całej tej rzeczy, która jest funkcją, a następnie, że funkcja jest wywoływana dla każdego elementu w tablicy.
Więc pozwól mi pokazać przykład.
Będziemy po prostu wziąć ten kod.
Skopiuj tej tablicy nad i to najpierw wyczyścić ekran.
Więc mamy tablicę kolorów, a następnie piszemy kolory dla każdego.
A kiedy mijam się będziemy nazywać w każdym elemencie, a następnie zwykle musimy nano misfunction tutaj, a ja nie zamierzam dać mu żadnych argumentów.
wytłumaczę co to jest argumentem za chwilę.
Więc kolorysty się dla każdego.
A potem po prostu funkcja pusta.
A teraz zrobimy stałą waterlog wewnątrz dla każdego Właśnie tak.
Poświęć chwilę pomyśleć o tym, co można oczekiwać, aby stało Powiedziałem, że powoduje ona funkcję dla każdego elementu w tablicy, a ja wciśnij enter.
I zawsze zapomnieć o tym, że nie ma to bardzo dobry film tutaj, ale Chrome skompresować wszystkie te rady dzienniki w jednej linii.
Ale jest jeszcze wiele do czerwonego tutaj.
Więc to jest powtarzanie go cztery razy jeden dla każdego elementu w tablicy.
Więc łatwiejszy sposób, aby zobaczyć, że rzeczywiście byłby czujny i dostają jedną literę, aby ostrzec trzy i cztery alarmy.
Więc to robi to dla każdego elementu w tablicy.
Ale to nie wszystko, co użyteczne, żeby uruchomić jakiś numer kodu x razy lub długości minus jeden, ile razy na tablicy.
Zazwyczaj chcą korzystać z danych w tej tablicy jakoś.
Czy to czyni komentarz każdorazowo teraz czy to oszczędność coś do bazy danych czy to dodając coś wynik dla każdej pozycji, ale zwykle chcą wchodzić w interakcje lub manipulować, że dane w jakiś sposób, a nie tylko arbitralnie ostrzegawczych dochodzi do tego logowania.
Więc sposób, że mamy, że dane są poprzez naszą funkcję niezależnie od tego, czy ta funkcja jest to anonimowa funkcja nazwana wyrażenie funkcyjne funkcji.
To nie ma znaczenia.
Ale cokolwiek to funkcja mamy to chyba argument więc pozwól mi przepisać to tutaj i można go nazwać cokolwiek chcemy, tak jak innych funkcji, które możemy określić.
Więc zacznę od strasznej nazwy jak kocham psy, które mam nadzieję, że nigdy nie używać w kodzie, chyba że to naprawdę ma sens w jakiejś sytuacji.
Nie mogę myśleć o wielu, choć i to, co zrobię, to wziąć jeden z psów i druku.
Kocham psy, za każdym razem, więc nie logować się wewnątrz każdego z nich.
Plus Kocham psy, a ja hit wejść, a zobaczysz, że dostać się do środka paszy czytać wewnątrz paszowej pomarańczowy wewnątrz paszy żółtym i wreszcie wewnątrz For Each zielono.
Więc co się dzieje jest to, że kocham psy trzyma wartość każdego elementu tej tablicy jak pętli lub jak foreach pętli wskroś.
Więc to wywołanie tej funkcji dla każdego elementu, cała ta funkcja tutaj.
I nie tylko jest to po prostu nazywając go ale to przechodzi na czerwono, a następnie pomarańczowe i żółte, a potem zielony do tej funkcji.
Więc pozwól mi pokazać składnię alternatywną.
Więc to naprawdę nie jest alternatywną składnię ale inny sposób definiowania funkcji i przekazanie go w.
Więc to jest tak jak każdej innej funkcji.
I będzie to nazwać kolor druku i wszystko, co będzie to zrobić, to wziąć argument o nazwie koloru, a następnie zamiast tu zrobię stałą dziennika i Zróbmy linia gwiazd tam rozpocząć i będę skopiować tę linię i następnie pod nią będzie nie logować kolor.
A potem znowu kawałek konspektu.
OK.
Więc mamy znaleźć prostą funkcję.
Mam nadzieję, że jest to ocena w tym momencie pobiera argument nazywa Kolor i naciśnij Enter nic się nie dzieje, bo już zdefiniowane jedynie funkcję.
Ale teraz, gdy ja to nazywam kolor druku i zróbmy fioletowy.
Oczywiście najlepszy kolor uzyskać gwiazdek Fioletowy gwiazdy.
I podobnie jak przegląd uzyskać niezdefiniowany, ponieważ moja funkcja w rzeczywistości nie powrócić niczego ale drukuje trzy linie.
OK, więc można używać dla każdego, aby uruchomić ten kolor druku na każdym elemencie tablicy i wszystko, co muszę zrobić, to kolory, które jest moja tablica dla każdego, a potem, zamiast wpisywania całej funkcji tutaj.
Wszystko co robię jest wprost druku w kolorze i jest to bardzo ważna uwaga, że ​​nie należy umieszczać nawiasów tutaj, jeśli mam tam umieścić te nawiasy.
Zamierzam sprowadzić tę funkcję.
Pamiętaj, kiedy JavaScript widzi funkcję następują nawiasy, że wykonuje go.
Więc to nie ma znaczenia, że ​​mam go na przejściu dla każdego Zostanie ona wywołana przed chcemy, by nazwać to, co naprawdę chcesz zrobić, to przekazać w kolorze wydruku bez nawiasów mówimy do siebie.
No to ruszamy.
Oto funkcja.
Chcę, żebyś zadzwonił do mnie później.
Podczas pętli i chcę, aby nazwać to na każdej pozycji w tablicy.
Więc co się stanie, jeśli będziemy do przodu.
Więc pozwól mi najpierw nacisnąć enter i zobaczysz mamy fioletowy, podczas gdy zaczyna się tutaj czerwony pomarańczowy żółty i zielony.
Więc co się dzieje za kulisami jest to, że dla każdego jest podejmowanie kolor druku i jest systemem druku kolorowego druku czerwony kolor pomarańczowy wyjątkiem, że produkt nie wyglądać.
Wygląda bardziej jak tego druku kolor kolory Pi, który rozpoczyna się od 0, a następnie dość kolorów kolorów jednego.
Więc to biorąc naszą funkcję kolorów nadruku i to właściwie nazywając ją dla nas.
Więc po prostu powiedz jej, co zadzwonić a my go nazywamy go na pozycji.
Więc dla każdego To naprawdę miłe, bo nie mamy pracować I nie musimy pisać składni pętli for i nie mamy dostępu do Prezentowane kolory wnętrza naszego kodu lub że mamy dostęp jest cokolwiek nazywamy go tutaj.
Więc w tym przypadku kolor, ale pamiętam, że pokazał, że jak kocham psy, które nie jest dobra nazwa, ale tak naprawdę może to być coś, co chcemy i mamy nadzieję, że to coś więcej niż barwniki.
Więc znowu możemy korzystać zarówno z nich i każdy dla każdego jest nowszy bardziej popularne i wolę je, ale zrobię co w mojej mocy, aby dać Ci zrównoważoną perspektywę lub przynajmniej zmusić cię widzieć oba.
I to tutaj jest porównanie dwóch sposobów przelotowego i nie więcej niż dwa sposoby możemy użyć pętli while oczywiście którym pokażę wam krótko.
Moglibyśmy zrobić to samo dla kolorów.
Wszystko, co musimy zrobić, to zdefiniować zmienną.
Nazwijmy liczyć i jest równa zero na początku.
A potem mamy zamiar zrobić, gdy liczba jest mniejsza niż długość kolorysta się podobnie jak nasze dla każdego.
To znaczy, tak jak dla pętli.
A potem, zamiast tutaj, musimy zwiększyć liczbę zanim zapomni, i wtedy możemy po prostu zrobić liczy stałą dziennika alt kolor jest.
Więc jest to trochę więcej składni podobnie jak każda pętla while jest zazwyczaj w stosunku do pętli for.
Musimy zdefiniować zmienną, a potem musimy zwiększyć go wewnątrz pętli i skończymy z czerwony pomarańczowy żółty zielony.
Więc można użyć pętli while, ale jest to naprawdę rzadkie prawie nigdy nie widać nikogo to zrobić.
To prawie zawsze pętli lub dla każdego.
I coraz to prawie zawsze dla każdego.
Istnieją przypadki, w których dla każdego chociaż nie istnieje której będę upewnij się, aby podkreślić niektóre z rzeczy przeglądarki niektóre rzeczy HMLC Ss i JavaScript, gdy łączymy wszystko razem nie będzie momenty gdzie pracujesz z rzeczy które wyglądają jak tablice, ale nie są one w rzeczywistości.
I to jest bardzo mylące.
Ale będę się upewnić, że jesteś tego świadomy i nie można go używać do każdego czasu.
Dlatego zawsze warto pamiętać, jak piszesz pętli for i jak zrobić to samo z każdego z nich.
Więc to, co ten kod pokazuje tutaj, poświęć chwilę, aby zbadać go, jeśli chcesz.
Główne różnice to fakt, że w pętli for mamy do czynienia z szeregiem.
Więc idziemy z numerem od zera aż do końca tablicy i jesteśmy rzeczywiście przy tej liczby, aby uzyskać dostęp do tablicy kolorów.
I w foreach, która jest oderwane od nas.
Więc wszystko, co mamy do czynienia to nazwa, która stworzyliśmy tymczasowy kolor zastępczy lub element lub cokolwiek to jest coś dodawać komentarze przyjaciela i użyć że zamiast funkcji.
I najczęściej najczęściej zobaczysz anonimową funkcję tutaj, chyba że jest to funkcja, która chcesz użyć ponownie później i chcesz to nazwać niektóre inne części kodu, to możesz go zdefiniować można nadać mu nazwę poza foreach ,
OK.
Więc pokryte dużo.
Są naprawdę ważne rzeczy pętle oraz funkcje plus tablice rzeczy rodzaj przychodzi razem.
Znowu Zrobię wszystko, aby upewnić się zobaczyć oba sposoby pisania pętlę w trakcie kursu, a następnie w górę mamy bardzo krótki bardzo szybkie wykonywanie nie powinno trwać dłużej niż 30 sekund.