10 metod napisów JavaScript, które powinieneś opanować dzisiaj

Podczas programowania w JavaScript często natrafisz na scenariusze, które wymagają manipulacji ciągami. Na przykład podczas pobierania wiadomości e-mail może być konieczne przekonwertowanie wszystkich znaków na małe litery lub użycie wyrażenia regularnego, aby sprawdzić, czy wprowadzone hasło spełnia wszystkie warunki.

Metody ciągów JavaScript pomogą Ci z łatwością wykonać wszystkie te operacje na ciągu zgodnie z Twoimi wymaganiami. Oto 10 metod łańcuchowych z przykładami, które pomogą Ci je dobrze zrozumieć.

Czym są metody ciągów JavaScript?

Ciągi znaków to podstawowa struktura danych składająca się z sekwencji znaków. Ta struktura danych jest częścią wszystkich głównych języków programowania, w tym Python, JavaScript, Java i innych.

Metody ciągów to gotowe metody JavaScript, które pomagają programistom wykonywać typowe operacje na ciągach bez konieczności ręcznego pisania kodu. Są one uruchamiane przy użyciu notacji z kropkami dołączonej do zmiennej łańcuchowej.

Związane z: Czym jest funkcja w programowaniu?

Ponieważ są to tylko funkcje JavaScript, zawsze kończą się nawiasem, który może zawierać opcjonalne argumenty. Warto wiedzieć czym jest i jak działa JavaScript zanim przejdziesz dalej. Zacznijmy i poznajmy te metody bardziej szczegółowo.

W przypadku nadchodzących metod weźmy zmienną łańcuchową str o wartości „Witamy w MUO!" jako przykład.

let str = "Witamy w MUO!"

1. String.toLowerCase() i String.toUpperCase()

do małych liter() metoda string konwertuje wszystkie znaki danego ciągu na format małych liter i podobnie, do wielkich liter() Metoda konwertuje wszystkie znaki na format wielkich liter. Te funkcje nie modyfikują oryginalnego ciągu.

Składnia:

do wielkich liter()
do małych liter()

Sprawdźmy te dwie metody na szybkim przykładzie:

console.log (str.toLowerCase());
console.log (str.toUpperCase());
konsola.log (str);

Po uruchomieniu powyższego kodu na konsoli otrzymasz następujące dane wyjściowe:

"Witamy w muo!"
„WITAJCIE W MUO!”
"Witamy w MUO!"

2. ciąg.concat()

concat() Metoda służy do łączenia dwóch lub więcej ciągów. Do tej metody można dodać jeden lub więcej argumentów, aby połączyć je w jeden ciąg. Nie wprowadza żadnych modyfikacji do oryginalnego ciągu.

Składnia:

concat (str1, str2, str3, ...)

Oto przykład, który pokazuje konkatenację dwóch ciągów w celu utworzenia nowego ciągu:

let str2 = " Jak się masz?";
niech nowyString = str.concat (str2);
console.log (nowyString);

"Witamy w MUO! Jak się masz?"

3. String.indexOf() i String.lastIndexOf()

indeks() Metoda pomaga znaleźć pierwszy indeks, w którym występuje określony znak lub podciąg. Zaczyna się od lewej strony i śledzi ciąg, aby sprawdzić, czy podany argument pasuje.

Składnia:

indeks (str)

Sprawdźmy indeks, przy którym MUO występuje w ciągu z przykładem:

console.log (str.indexOf('MUO'));

11

Jeśli dany argument nie występuje w ciągu, metoda zwraca wartość -1.

console.log (str.indexOf('Witaj'));

-1

Podobnie ostatniIndeks() Metoda zwraca indeks ostatniego wystąpienia danego znaku lub ciągu. Oto przykład:

console.log (str.lastIndexOf('e'));

6

Chociaż alfabet mi pojawia się pod indeksem 1, ostatnie wystąpienie tego znaku jest pod indeksem 6 i dlatego jest zwracane jako wyjście.

4. String.charAt()

charAt() string metoda zwraca znak o określonym indeksie w ciągu. Przyjmuje tylko jeden argument, indeks, pod którym ma zostać pobrany znak. Wartość indeksu waha się od 0 do długości - 1.

Składnia:

charAt (indeks)

Oto przykład charAt() metoda:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.length - 1));

o
W
!

W powyższym przykładzie, kiedy długość str.- 1 został przekazany jako argument, metoda zwraca ostatni znak ciągu. Jeśli wprowadzisz nieprawidłowy indeks, który znajduje się poza dopuszczalnym zakresem, ta metoda zwraca wartość -1.

5. String.charKodAt()

Podobnie jak w metodzie charAt, charKodAt() metoda zwraca Wartość ASCII znaku o określonym indeksie. Ta metoda łańcuchowa przyjmuje tylko jeden argument, indeks, z którego ma zostać pobrany znak.

Składnia:

charCodeAt (indeks)

str.znakKodA (5);
str.znakKodAt (str.długość - 1);

109
33

Po raz kolejny wartość indeksu waha się od 0 do długości - 1 i jeśli spróbujesz przekazać indeks poza dopuszczalny limit, ta metoda zwróci -1.

6. String.replace()

Jak sama nazwa wskazuje, zastąpić() Metoda pomaga zastąpić jedną część ciągu inną częścią. Ta metoda przyjmuje dwa argumenty: pierwszy to podciąg, który ma zostać zastąpiony, a drugi to podciąg, który ma zostać zastąpiony. Ta metoda nie wprowadza żadnych modyfikacji w oryginalnym ciągu.

Składnia:

zastąpić (str1, str2)

Na przykład, jeśli chcesz zastąpić słowo MUO z ta strona internetowa w zmiennej łańcuchowej możesz użyć zastąpić() metoda taka:

let newString = str.replace("MUO", "ta witryna");
console.log (nowyString);
konsola.log (str);

Witamy na tej stronie!
Witamy w MUO!

7. String.split()

rozdzielać() Metoda służy do rozbicia wszystkich słów lub znaków w ciągu zgodnie z argumentem separatora przekazanym do metody. Zwracanym typem tej metody jest tablica. Ta tablica składa się ze wszystkich znaków lub podciągów, podzielonych zgodnie z podanym separatorem. Ta metoda nie modyfikuje oryginalnego ciągu.

Składnia:

dzielony (separator)

Na przykład, jeśli spacja (" ") jest przekazywana jako argument separatora do metody split, wynik będzie wyglądał tak:

niech splitArray = str.split(" ");
console.log (splitArray);

['Witamy', 'w', 'MUO!']

Jeśli nie przekażesz argumentu do rozdzielać() zwróci tablicę z pojedynczym elementem składającym się z wartości zmiennej ciągu.

niech splitArray = str.split();
console.log (splitArray);

['Witamy w MUO!']

8. String.substring()

podciąg() Metoda służy do uzyskania podciągu lub części oryginalnego ciągu. Ta metoda przyjmuje dwa parametry: indeks początkowy i indeks końcowy. Podciąg wyjściowy zaczyna się od określonego indeksu początkowego i drukuje do indeksu końcowego - 1.

Składnia:

podciąg (startIndex, endIndex)

Oto krótki przykład podciąg() metoda:

console.log (str.substring (2,8));

"przyjdź"

Zauważ, że znak na końcu indeksu nie jest częścią wyniku.

9. String.search()

Szukaj() Metoda pomaga znaleźć określony podciąg lub znak w oryginalnym ciągu. Ta metoda akceptuje grupę znaków lub podciąg jako argument i śledzi ciąg. Po znalezieniu dopasowania zwracany jest początkowy indeks dopasowanej części. W przeciwnym razie ta metoda zwraca -1.

Składnia:

szukaj (podciąg)

Możesz skorzystać z Szukaj() metoda w ten sposób:

console.log (str.search("MUO"));
console.log (str.search("2"));

11
-1

10. String.trim()

trym() Metoda usuwa wszystkie białe spacje w ciągu, przed pierwszym znakiem i po ostatnim znaku. Ta metoda nie wymaga przekazywania żadnych parametrów i nie modyfikuje oryginalnego ciągu. Jest to niezwykle pomocne przy walidacji danych wejściowych użytkownika w formularzach.

Składnia:

trym()

Weźmy nowy przykład, aby zbadać tę metodę ciągów:

let untrimmedString = " Witamy w MUO! ";
let trimmedString = untrimmedString.trim();
console.log (trimmedString);
console.log (nietrimedString);

"Witamy w MUO!"
Witamy w MUO! "

Więcej metod JavaScript do sprawdzenia

To było szybkie podsumowanie kilku popularnych metod łańcuchowych, które mogą pomóc Ci być bardziej produktywnym jako programista JavaScript. Te metody pomogą ci również zwyciężyć w rozmowach dotyczących kodowania w przypadku pytań związanych ze strunami struny. Praktyka czyni mistrza, więc wypróbuj te metody na własnej konsoli.

Po zapoznaniu się z metodami łańcuchowymi warto przyjrzeć się niektórym metodom tablicowym, które mogą jeszcze bardziej poprawić twoje opanowanie języka JavaScript.

15 metod macierzy JavaScript, które powinieneś opanować już dziś

Chcesz zrozumieć tablice JavaScript, ale nie możesz się z nimi uporać? Zapoznaj się z naszymi przykładami tablic JavaScript, aby uzyskać wskazówki.

Czytaj dalej

O autorze