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

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?



czy potrzebuję modemu i routera?

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ą P o wartości ' Witamy w MUO! ' jako przykład.



let str = 'Welcome to MUO!'

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

ten 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:



toUpperCase()
toLowerCase()

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

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

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

'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'

2. Ciąg.concat()

ten 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 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

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

ten 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:

indexOf(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('Hello')); -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 I pojawia się pod indeksem 1, ostatnie wystąpienie tego znaku jest pod indeksem 6 i dlatego jest zwracane jako wyjście.

4. String.charAt()

ten 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(index)

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.charCodeAt()

Podobnie jak w metodzie charAt, ten charKodA () 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(index) str.charCodeAt(5);
str.charCodeAt(str.length - 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.zamień()

Jak sama nazwa wskazuje, wymienić() 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:

replace(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ć wymienić() metoda taka:

let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!

7. String.split()

ten podział() 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:

split(separator)

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

let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']

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

let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']

8. Ciąg.podciąg()

ten 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:

substring(startIndex, endIndex)

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

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

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

ten 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 wartość -1.

Składnia:

search(substring)

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()

ten przycinać() 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:

trim()

Weźmy nowy przykład, aby zbadać tę metodę łańcuchową:

Windows nie może ukończyć formatu
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to 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. 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 JavaScript.

Udział Udział Ćwierkać E-mail 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 Powiązane tematy
  • Programowanie
  • JavaScript
  • Wskazówki dotyczące kodowania
O autorze Nitin Ranganath(31 opublikowanych artykułów)

Nitin jest zapalonym programistą i studentem inżynierii komputerowej tworzącym aplikacje internetowe przy użyciu technologii JavaScript. Pracuje jako niezależny programista stron internetowych, aw wolnym czasie lubi pisać dla Linuksa i programowania.

Więcej od Nitina Ranganatha

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować