Wyszukiwanie ciągów JavaScript
Metody wyszukiwania JavaScript
- Indeks ciągu znaków()
- Ciąg lastIndexOf()
- Ciąg zaczyna się od()
- Ciąg kończy się na()
JavaScript String indexOf()
Metoda indexOf()zwraca indeks (pozycję) firstwystąpienia określonego tekstu w ciągu znaków:
Przykład
let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");
Notatka
JavaScript liczy pozycje od zera.
0 to pierwsza pozycja w ciągu, 1 to druga, 2 to trzecia, ...
JavaScript String lastIndexOf()
Metoda lastIndexOf()zwraca indeks ostatniego
wystąpienia określonego tekstu w ciągu:
Przykład
let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");
Oba indexOf()i lastIndexOf()zwracają -1, jeśli tekst nie zostanie znaleziony:
Przykład
let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");
Obie metody akceptują drugi parametr jako pozycję początkową wyszukiwania:
Przykład
let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);
Metody lastIndexOf()wyszukują wstecz (od końca do początku), co oznacza: jeśli drugim parametrem jest 15, wyszukiwanie rozpoczyna się na pozycji 15 i przeszukuje do początku ciągu.
Przykład
let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);
Wyszukiwanie ciągów JavaScript()
Metoda search()przeszukuje ciąg znaków dla określonej wartości i zwraca pozycję dopasowania:
Przykład
let str = "Please locate where 'locate' occurs!";
str.search("locate");
Czy zauważyłeś?
Te dwie metody indexOf()i search(), są równe?
Akceptują te same argumenty (parametry) i zwracają tę samą wartość?
Te dwie metody NIE są równe. Oto różnice:
- Metoda
search()nie może przyjmować drugiego argumentu pozycji początkowej. - Metoda
indexOf()nie może przyjmować zaawansowanych wartości wyszukiwania (wyrażeń regularnych).
Więcej o wyrażeniach regularnych dowiesz się w następnym rozdziale.
Dopasowanie ciągu JavaScript()
Metoda match() przeszukuje ciąg w poszukiwaniu dopasowania do wyrażenia regularnego i zwraca dopasowania jako obiekt Array.
Przykład 1
Wyszukaj ciąg dla „ain”:
let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);
Przeczytaj więcej o wyrażeniach regularnych w rozdziale JS RegExp .
Notatka
Jeśli wyrażenie regularne nie zawiera modyfikatora g (aby przeprowadzić wyszukiwanie globalne ), metoda match() zwróci tylko pierwsze dopasowanie w ciągu.
Składnia
string.match(regexp)
| regexp | Required. The value to search for, as a regular expression. |
| Returns: | An Array, containing the matches, one item for each match, or null if no match is found |
Przykład 2
Przeprowadź globalne wyszukiwanie bez rozróżniania wielkości liter dla „ain”:
let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);
Ciąg JavaScript zawiera()
Metoda includes()zwraca true, jeśli ciąg zawiera określoną wartość.
Przykład
let text = "Hello world, welcome to the universe.";
text.includes("world");
Składnia
string.includes(searchvalue, start)
| searchvalue | Required. The string to search for |
| start | Optional. Default 0. Position to start the search |
| Returns: | Returns true if the string contains the value, otherwise false |
| JS Version: | ES6 (2015) |
Sprawdź, czy ciąg zawiera „świat”, rozpoczynając wyszukiwanie od pozycji 12:
let text = "Hello world, welcome to the universe.";
text.includes("world", 12);
Obsługa przeglądarki
includes() to funkcja ES6 (JavaScript 2015).
Jest obsługiwany we wszystkich nowoczesnych przeglądarkach:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
includes() nie jest obsługiwany w przeglądarce Internet Explorer.
Ciąg JavaScript zaczyna się od()
Metoda startsWith()zwraca true
, jeśli ciąg zaczyna się od określonej wartości, w przeciwnym razie false:
Przykład
let text = "Hello world, welcome to the universe.";
text.startsWith("Hello");
Składnia
string.startsWith(searchvalue, start)
Wartości parametrów
| Parameter | Description |
|---|---|
| searchvalue | Required. The value to search for. |
| start | Optional. Default 0. The position to start the search. |
Przykłady
let text = "Hello world, welcome to the universe.";
text.startsWith("world") // Returns false
let text = "Hello world, welcome to the universe.";
text.startsWith("world", 5) // Returns false
let text = "Hello world, welcome to the universe.";
text.startsWith("world", 6) // Returns true
Notatka
W startsWith()metodzie rozróżniana jest wielkość liter.
Obsługa przeglądarki
startsWith() to funkcja ES6 (JavaScript 2015).
Jest obsługiwany we wszystkich nowoczesnych przeglądarkach:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
startsWith() nie jest obsługiwany w przeglądarce Internet Explorer.
Ciąg JavaScript kończy się na()
Metoda endsWith()zwraca true
, jeśli ciąg kończy się określoną wartością, w przeciwnym razie false:
Przykład
Sprawdź, czy ciąg kończy się na „Doe”:
var text = "John Doe";
text.endsWith("Doe");
Składnia
string.endswith(searchvalue, length)
Wartości parametrów
| Parameter | Description |
|---|---|
| searchvalue | Required. The value to search for. |
| length | Optional. The length to search. |
Sprawdź 11 pierwszych znaków ciągu kończącego się na „world”:
let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);
Notatka
W endsWith()metodzie rozróżniana jest wielkość liter.
Obsługa przeglądarki
endsWith() to funkcja ES6 (JavaScript 2015).
Jest obsługiwany we wszystkich nowoczesnych przeglądarkach:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
endsWith() nie jest obsługiwany w przeglądarce Internet Explorer.
Pełne odniesienie do ciągu
Aby uzyskać pełne odniesienie do ciągu, przejdź do naszego:
Pełne odniesienie do ciągów JavaScript .
Odwołanie zawiera opisy i przykłady wszystkich właściwości i metod ciągów.