JavaScript String (met voorbeelden)

In deze zelfstudie leert u met behulp van voorbeelden over JavaScript-tekenreeks.

JavaScript-string is een primitief gegevenstype dat wordt gebruikt om met teksten te werken. Bijvoorbeeld,

 const name = 'John';

Maak JavaScript-strings

In JavaScript worden strings gemaakt door ze te omringen met aanhalingstekens. Er zijn drie manieren waarop u aanhalingstekens kunt gebruiken.

  • Enkele aanhalingstekens: 'Hello'
  • Dubbele aanhalingstekens: "Hello"
  • Backticks: `Hello`

Bijvoorbeeld,

 //strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;

Enkele aanhalingstekens en dubbele aanhalingstekens zijn praktisch hetzelfde en u kunt beide gebruiken.

Backticks worden over het algemeen gebruikt wanneer u variabelen of uitdrukkingen in een string moet opnemen. Dit wordt gedaan door variabelen of uitdrukkingen in te $(variable or expression)pakken zoals hierboven weergegeven.

Je kunt ook een quote in een andere quote schrijven. Bijvoorbeeld,

 const name = 'My name is "Peter".';

Het citaat mag echter niet overeenkomen met de omringende aanhalingstekens. Bijvoorbeeld,

 const name = 'My name is 'Peter'.'; // error

Toegang tot tekenreeks-tekens

U kunt op twee manieren toegang krijgen tot de tekens in een string.

  • Een manier is om strings als een array te behandelen. Bijvoorbeeld,
 const a = 'hello'; console.log(a(1)); // "e"
  • Een andere manier is om de methode te gebruiken charAt(). Bijvoorbeeld,
 const a = 'hello'; console.log(a.charAt(1)); // "e"

JavaScript-strings zijn onveranderlijk

In JavaScript zijn strings onveranderlijk. Dat betekent dat de tekens van een string niet kunnen worden gewijzigd. Bijvoorbeeld,

 let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"

U kunt de variabelenaam echter aan een nieuwe string toewijzen. Bijvoorbeeld,

 let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"

JavaScript is hoofdlettergevoelig

JavaScript is hoofdlettergevoelig. Dat betekent dat in JavaScript de kleine letters en hoofdletters als verschillende waarden worden behandeld. Bijvoorbeeld,

 const a = 'a'; const b = 'A' console.log(a === b); // false

In JavaScript, aen Aworden behandeld als verschillende waarden.

JavaScript Multiline Strings

Om een ​​string met meerdere regels te gebruiken, kunt u de +operator of de operator gebruiken. Bijvoorbeeld,

 // using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'

JavaScript String Lengte

Om de lengte van een string te vinden, kunt u de ingebouwde lengtheigenschap gebruiken. Bijvoorbeeld,

 const a = 'hello'; console.log(a.length); // 5

JavaScript String-objecten

U kunt ook strings maken met behulp van het newtrefwoord. Bijvoorbeeld,

 const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"

Opmerking : het wordt aanbevolen om geen string-objecten te gebruiken. Het gebruik van string-objecten vertraagt ​​het programma.

JavaScript String-methoden

Dit zijn de veelgebruikte JavaScript String-methoden:

Methode Omschrijving
charAt (index) geeft het teken terug bij de opgegeven index
concat () voegt twee of meer strings samen
vervangen() vervangt een string door een andere string
splitsen () converteert de string naar een reeks strings
substr (start, lengte) geeft een deel van een string terug
substring (begin, einde) geeft een deel van een string terug
slice (begin, einde) geeft een deel van een string terug
toLowerCase () returns the passed string in lower case
toUpperCase() returns the passed string in upper case
trim() removes whitespace from the strings
includes() searches for a string and returns a boolean value
search() searches for a string and returns a position of a match

Example: JavaScript String Methods

 const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"

JavaScript String() Function

The String() function is used to convert various data types to strings. For example,

 const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"

If you want to learn more about the string conversion, visit JavaScript Type Conversion.

Escape Character

You can use the backslash escape character to include special characters in a string. For example,

 const name = 'My name is \'Peter\'.'; console.log(name);

Output

 My name is 'Peter'.

In the above program, the same quote is included using .

Here are other ways that you can use :

Code Output
" include double quote
\ omvatten backslash
n nieuwe lijn
r wagen terug
v verticaal tabblad
t horizontale tab
b backspace
f form feed

Interessante artikelen...