W tym artykule omówiono różne metody powtarzania czegoś w JavaScript.
Jak powtórzyć coś w JavaScript?
Ciąg można powtórzyć w JavaScript na następujące sposoby:
- Korzystanie z metody pętli while
- Korzystanie z metody powtarzania() ES6
- Korzystanie z rekurencji
- Korzystanie z metody fill().
Przyjrzyjmy się szczegółowo każdej metodzie.
Metoda 1: Powtórz coś w JavaScript, używając pętli while
„ Chwila ” to instrukcja przepływu sterowania w JavaScript, która jest wykonywana wielokrotnie pod określonym warunkiem. Warunek jest sprawdzany przed każdą iteracją. Pętla while działa, dopóki warunek nie zostanie spełniony. Gdy warunek jest fałszywy, pętla przestaje się wykonywać. Poniższy kod ilustruje proces powtarzania w JavaScript przy użyciu pętli while:
DOCTYPEhtml >
< HTML >
< scenariusz >
powtórzenie funkcji ( str., licz ) {
niech rpt_Str = ' ' ;
chwila ( liczyć > 0 ) {
rpt_Str += ul ;
liczyć --;
}
powrót rpt_Str ;
}
dokument. pisać ( powtarzać ( „TAYLOR” , 6 ) ) ;
scenariusz >
HTML >
W powyższym przykładzie:
- Funkcja powtarzania() jest zdefiniowana wewnątrz znacznika skryptu z parametrami „str” i „count”.
- Następnie zdefiniowaliśmy pusty ciąg znaków „rpt_str” i uruchomiliśmy pętlę while pod warunkiem, że liczba będzie większa od 0.
- „rpt_str” zawiera wartość „str”, a pętla while działa, chyba że warunek nie jest już spełniony. W tym przypadku wartość licznika wynosi 6, więc ciąg zostanie wydrukowany 6 razy.
Wyjście
Ciąg „TAYLOR” zostanie powtórzony 6 razy, co jest równoważne liczbie:
Metoda 2: Powtórz coś w JavaScript za pomocą metody Repeat() ES6
ES6 powtarzać() można użyć do powtórzenia ciągu w JavaScript. Zwracany jest ciąg znaków, który po wywołaniu ma określone duplikaty. Oto przykład kodu pokazującego, jak możemy powtórzyć ciąg za pomocą funkcji Repeat():
DOCTYPEhtml >< HTML >
< scenariusz >
funkcja rpt_str ( str., liczba ) {
Jeśli ( liczyć > 0 )
powrót ul. powtarzać ( liczyć ) ;
w przeciwnym razie
powrót „” ;
}
dokument. pisać ( rpt_str ( „JavaScript” , 5 ) ) ;
scenariusz >
HTML >
W powyższym kodzie
- Funkcja „rpt_str()” jest zdefiniowana za pomocą parametrów str i count.
- Wartość str jest przypisana jako „JavaScript”, która będzie się powtarzać zgodnie z wartością przypisaną do zliczania.
Wyjście
W tym przykładzie wartość przypisana do licznika wynosi 5, więc funkcja powtarzania () powtórzy JavaScript 5 razy:
Metoda 3: Powtórz coś w JavaScript, używając rekurencji
Rekurencja umożliwia powtarzalne wywoływanie samej siebie, chyba że uzyska ona pożądany rezultat. W przypadku rekurencji należy określić przypadek podstawowy/bazowy, aby zakończyć rekurencję. Tradycyjnie występuje w zdaniu warunkowym. Funkcja rekurencyjna działa poprzez powtarzalne wywoływanie samej siebie, aż do uzyskania pożądanego rezultatu. Poniższy przykład pomaga zrozumieć metodę rekurencji w celu wykonania powtórzenia w JavaScript:
! DOCTYPEhtml >< HTML >
< scenariusz >
funkcja rpt_str ( str., liczba ) {
Jeśli ( liczyć < 0 )
powrót „” ;
Jeśli ( liczyć === 1 )
powrót ul ;
w przeciwnym razie
powrót ul + rpt_str ( str., licz - 1 ) ;
}
dokument. pisać ( rpt_str ( ' KOD ' , 7 ) ) ;
scenariusz >
HTML >
W powyższym kodzie:
- Funkcja „rpt_str()” jest zdefiniowana za pomocą parametrów „str” i „count”.
- Jeśli wartość licznika jest mniejsza niż 0, zostanie zwrócony pusty ciąg. Jeśli wartość count wynosi 1, zwróci str, a jeśli wartość str jest większa niż 1, funkcja łączy wartość wejściową str z wynikiem rpt_str(str, count – 1).
- Tutaj wartość str to „KOD”, a wartość licznika to 7, dlatego powtórzony ciąg wyświetli KOD 7 razy.
Wyjście:
Metoda 4: Powtórz coś w JavaScript za pomocą funkcji fill().
JavaScript oferuje wypełnić() metoda, która pozwala nam wypełnić tablicę wartościami statycznymi. Można go używać z funkcją Join(), aby powtórzyć coś w JavaScript. Na przykład wartości ciągu można wstawić do pustej tablicy za pomocą funkcji fill() i połączyć za pomocą funkcji Join() w celu uzyskania powtarzającego się ciągu. Oto przykład kodu pokazującego, jak powtórzyć ciąg znaków za pomocą funkcji fill():
< HTML >< ciało >
< scenariusz >
niech ul = „FRONTEND”
niech rpt_str = Szyk ( 5 ) . wypełnić ( ul ) . dołączyć ( „” )
dokument. pisać ( rpt_str ) ;
scenariusz >
ciało >
HTML >
W powyższym przykładzie:
- Zdefiniowano zmienną str i przypisano jej wartość „FRONTEND”.
- Funkcja Array(5) utworzy 5 miejsc, w których ciąg znaków zostanie wypełniony i połączony w celu utworzenia powtarzającego się ciągu. Wartość jest przechowywana w zmiennej „rpt_str”.
- document.write(rpt_str) wydrukuje powtarzający się ciąg.
Wyjście
Po uruchomieniu kodu ciąg „FRONTEND” zostanie powtórzony 5 razy:
Wszystko polega na powtórzeniu czegoś w JavaScript przy użyciu różnych metod.
Wniosek
Typową metodą powtarzania czegoś w JavaScript jest użycie funkcji powtarzania ES6 (), która pobiera określony parametr wskazujący liczbę iteracji elementu. Inne metody, takie jak pętla while, funkcje rekurencyjne lub metoda fill(). W tym artykule wyjaśniono różne sposoby powtórzenia czegoś w JavaScript wraz z ich przykładami.