Ciąg JavaScript (z przykładami)

W tym samouczku dowiesz się o łańcuchach znaków JavaScript za pomocą przykładów.

Łańcuch JavaScript to prymitywny typ danych używany do pracy z tekstami. Na przykład,

 const name = 'John';

Utwórz ciągi JavaScript

W JavaScript łańcuchy tworzy się, otaczając je cudzysłowami. Istnieją trzy sposoby używania cudzysłowów.

  • Pojedyncze cytaty: 'Hello'
  • Podwójne cudzysłowy: "Hello"
  • Backticks: `Hello`

Na przykład,

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

Pojedyncze i podwójne cudzysłowy są praktycznie takie same i możesz użyć dowolnego z nich.

Backticks są zwykle używane, gdy chcesz dołączyć zmienne lub wyrażenia do ciągu. Odbywa się to poprzez zawijanie zmiennych lub wyrażeń, $(variable or expression)jak pokazano powyżej.

Możesz również napisać ofertę w innym cytacie. Na przykład,

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

Jednak cytat nie powinien pasować do otaczających cytatów. Na przykład,

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

Dostęp do znaków ciągu

Dostęp do znaków w ciągu można uzyskać na dwa sposoby.

  • Jednym ze sposobów jest traktowanie ciągów jako tablicy. Na przykład,
 const a = 'hello'; console.log(a(1)); // "e"
  • Innym sposobem jest użycie metody charAt(). Na przykład,
 const a = 'hello'; console.log(a.charAt(1)); // "e"

Ciągi JavaScript są niezmienne

W JavaScript ciągi znaków są niezmienne. Oznacza to, że nie można zmienić znaków łańcucha. Na przykład,

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

Możesz jednak przypisać nazwę zmiennej do nowego ciągu. Na przykład,

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

JavaScript rozróżnia wielkość liter

JavaScript rozróżnia wielkość liter. Oznacza to, że w JavaScript małe i duże litery są traktowane jako różne wartości. Na przykład,

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

W JavaScript ai Asą traktowane jako różne wartości.

Wielowierszowe ciągi JavaScript

Aby użyć łańcucha wielowierszowego, możesz użyć +operatora lub operatora. Na przykład,

 // 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.'

Długość ciągu JavaScript

Aby znaleźć długość łańcucha, możesz użyć lengthwłaściwości wbudowanej . Na przykład,

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

JavaScript String Objects

Możesz również tworzyć łańcuchy za pomocą newsłowa kluczowego. Na przykład,

 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"

Uwaga : Zaleca się unikanie obiektów typu string. Używanie obiektów typu string spowalnia działanie programu.

Metody ciągów JavaScript

Oto powszechnie używane metody ciągów JavaScript:

metoda Opis
charAt (indeks) zwraca znak o określonym indeksie
concat () łączy dwa lub więcej łańcuchów
zastąpić() zamienia ciąg na inny
rozdzielać() konwertuje ciąg na tablicę ciągów
substr (początek, długość) zwraca część ciągu
podciąg (początek, koniec) zwraca część ciągu
plasterek (początek, koniec) zwraca część ciągu
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
\ uwzględnij ukośnik odwrotny
n Nowa linia
r powrót karetki
v zakładka pionowa
t zakładka pozioma
 Backspace
fa form feed

Interesujące artykuły...