JS Tutoriaal

JS TUIS JS Inleiding JS Waarheen JS Uitset JS Verklarings JS sintaksis JS Kommentaar JS veranderlikes JS Laat JS Konst JS-operateurs JS Rekenkunde JS Opdrag JS datatipes JS Funksies JS Voorwerpe JS Events JS Strings JS String Metodes JS String Soek JS String Templates JS nommers JS-nommermetodes JS Skikkings JS Skikking Metodes JS Array Sorteer JS Skikking Iterasie JS Array Konst JS Datums JS Datum Formate JS Datum Kry Metodes JS Datum Stel Metodes JS Wiskunde JS Random JS Booleans JS Vergelykings JS Voorwaardes JS Skakelaar JS Loop Vir JS Loop For In JS Loop Vir Van JS Loop Terwyl JS Break JS Iterables JS-stelle JS Kaarte JS tipe JS Tipe Omskakeling JS Bitwise JS RegExp JS foute JS Bestek JS Hysing JS Streng modus JS hierdie sleutelwoord JS Arrow Funksie JS Klasse JS JSON JS Ontfouting JS Stylgids JS Beste Praktyke JS foute JS prestasie JS Voorbehou Woorde

JS weergawes

JS weergawes JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS Geskiedenis

JS Voorwerpe

Voorwerpdefinisies Voorwerp Eienskappe Voorwerp Metodes Voorwerp vertoon Voorwerptoebehore Voorwerpkonstrukteurs Voorwerpprototipes Object Iterables Voorwerpstelle Voorwerpkaarte Voorwerpverwysing

JS Funksies

Funksie definisies Funksie parameters Funksie Aanroep Funksie oproep Funksie Pas toe Funksie sluitings

JS Klasse

Klasintro Klas Erfenis Klas Staties

JS Async

JS Terugbelle JS Asynchroon JS Beloftes JS Async/Wag

JS HTML DOM

DOM Inleiding DOM Metodes DOM-dokument DOM Elemente DOM HTML DOM-vorms DOM CSS DOM-animasies DOM-geleenthede DOM Gebeurtenis Luisteraar DOM-navigasie DOM nodusse DOM Versamelings DOM Node lyste

JS Browser BOM

JS venster JS skerm JS ligging JS Geskiedenis JS Navigator JS Popup Alert JS Tydsberekening JS koekies

JS Web API's

Web API Inleiding Webvorms API Webgeskiedenis API Webberging API Webwerker API Web haal API Web Geolocation API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX-versoek AJAX-reaksie AJAX XML-lêer AJAX PHP AJAX ASP AJAX-databasis AJAX toepassings AJAX voorbeelde

JS JSON

JSON Inleiding JSON-sintaksis JSON vs XML JSON-datatipes JSON Ontleed JSON Stringify JSON-voorwerpe JSON-skikkings JSON-bediener JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery keurders jQuery HTML jQuery CSS jQuery DOM

JS grafika

JS grafika JS Canvas JS Plot JS Chart.js JS Google Chart JS D3.js

JS Voorbeelde

JS Voorbeelde JS HTML DOM JS HTML-invoer JS HTML-voorwerpe JS HTML-geleenthede JS Blaaier JS Redakteur JS Oefeninge JS Vasvra JS Sertifikaat

JS Verwysings

JavaScript-voorwerpe HTML DOM-voorwerpe


JavaScript String Soek

JavaScript-soekmetodes

  • String indexOf()
  • String lastIndexOf()
  • String beginMet()
  • String eindigMet()

JavaScript String indexOf()

Die indexOf()metode gee die indeks van (die posisie van) die firstvoorkoms van 'n gespesifiseerde teks in 'n string terug:

Voorbeeld

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");

Let wel

JavaScript tel posisies vanaf nul.

0 is die eerste posisie in 'n string, 1 is die tweede, 2 is die derde, ...


JavaScript String lastIndexOf()

Die lastIndexOf()metode gee die indeks van die laaste voorkoms van 'n gespesifiseerde teks in 'n string terug:

Voorbeeld

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");

Beide indexOf(), en lastIndexOf()gee -1 terug as die teks nie gevind word nie:

Voorbeeld

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

Beide metodes aanvaar 'n tweede parameter as die beginposisie vir die soektog:

Voorbeeld

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);

Die lastIndexOf()metodes soek agteruit (van die einde tot die begin), wat beteken: as die tweede parameter is 15, begin die soektog by posisie 15, en soek na die begin van die string.

Voorbeeld

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);

JavaScript String search()

Die search()metode soek 'n string vir 'n gespesifiseerde waarde en gee die posisie van die passing terug:

Voorbeeld

let str = "Please locate where 'locate' occurs!";
str.search("locate");

Het jy opgemerk?

Die twee metodes, indexOf()en search(), is gelyk?

Hulle aanvaar dieselfde argumente (parameters), en gee dieselfde waarde terug?

Die twee metodes is NIE gelyk nie. Dit is die verskille:

  • Die search()metode kan nie 'n tweede beginposisie-argument neem nie.
  • Die indexOf()metode kan nie kragtige soekwaardes (reëlmatige uitdrukkings) neem nie.

Jy sal meer oor gereelde uitdrukkings in 'n latere hoofstuk leer.



JavaScript String Match()

Die match() metode soek 'n string vir 'n pasmaat teen 'n gereelde uitdrukking, en gee die passings terug, as 'n Array-objek.

Voorbeeld 1

Soek 'n string vir "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);

Lees meer oor gereelde uitdrukkings in die hoofstuk JS RegExp .

Let wel

As 'n gewone uitdrukking nie die g wysiger (om 'n globale soektog uit te voer) insluit nie, sal die match() metode slegs die eerste passing in die string terugstuur.

Sintaksis

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

Voorbeeld 2

Voer 'n globale, hoofletter-onsensitiewe soektog na "ain" uit:

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

JavaScript String sluit in ()

Die includes()metode gee waar as 'n string 'n gespesifiseerde waarde bevat.

Voorbeeld

let text = "Hello world, welcome to the universe.";
text.includes("world");

Sintaksis

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)

Kyk of 'n string "wêreld" insluit, begin die soektog by posisie 12:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12);

Blaaierondersteuning

includes()is 'n ES6-kenmerk (JavaScript 2015).

Dit word ondersteun in alle moderne blaaiers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes()word nie in Internet Explorer ondersteun nie.


JavaScript String beginsWith()

Die startsWith()metode gee terug true as 'n string met 'n gespesifiseerde waarde begin, anders false:

Voorbeeld

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

Sintaksis

string.startsWith(searchvalue, start)

Parameterwaardes

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

Voorbeelde

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

Let wel

Die startsWith()metode is hooflettersensitief.


Blaaierondersteuning

startsWith()is 'n ES6-kenmerk (JavaScript 2015).

Dit word ondersteun in alle moderne blaaiers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith()word nie in Internet Explorer ondersteun nie.


JavaScript-string eindigMet()

Die endsWith()metode gee terug true as 'n string eindig met 'n gespesifiseerde waarde, anders false:

Voorbeeld

Kyk of 'n string eindig met "Doe":

var text = "John Doe";
text.endsWith("Doe");

Sintaksis

string.endswith(searchvalue, length)

Parameterwaardes

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

Teken in die 11 eerste karakters van 'n string eindig met "wêreld":

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);

Let wel

Die endsWith()metode is hooflettersensitief.


Blaaierondersteuning

endsWith()is 'n ES6-kenmerk (JavaScript 2015).

Dit word ondersteun in alle moderne blaaiers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith()word nie in Internet Explorer ondersteun nie.


Voltooi stringverwysing

Vir 'n volledige stringverwysing, gaan na ons:

Voltooi JavaScript-stringverwysing .

Die verwysing bevat beskrywings en voorbeelde van alle string eienskappe en metodes.