Praca ze strinami w JavaScript | wyjaśniono przykładami

Strings to tylko zbiór znaków, liter, cyfr lub symboli. W JavaScript ciągi są prymitywne i niezmienne w naturze, które określa, gdy ktoś wdraża pewne funkcje w określonym ciągu, w rezultacie nie wpłynie to na oryginalny ciąg.

Jak utworzyć ciąg w JavaScript

Podczas pracy z strinami pierwszym pytaniem, które przychodzi nam do umysłu, jest to, jak stworzyć ciąg? Cóż, mamy dwie odpowiedzi na to pytanie, musimy najpierw zrozumieć, jaki rodzaj ciągu stworzymy?

JavaScript oferuje dwa rodzaje strun:

prosty "strunowy",

"Literały szablonów”(Wprowadzone w ES6).

Rozważymy kilka przykładów, aby zrozumieć obie te pojęcia:

Podczas tworzenia prostego ciągu załączymy wszystkie znaki w jednym cytacie „lub podwójny cytat„ ”, jak to zrobiliśmy w poniższym przykładzie:

„Witam, to nasze pierwsze strywanie napisane w podwójnych cytatach”;
„Witam, to nasza druga drena napisana w pojedynczym cytacie”;

Jak dotąd to, co zrobiliśmy, po prostu otacz sekwencję liter z podwójnymi cytatami, a następnie za pomocą pojedynczego cytatu, nie przypisaliśmy ciągu do żadnej zmiennej lub dosłownej itp.

Teraz możemy uzyskać dane wyjściowe tych ciągów na wiele sposobów, na przykład możemy wydrukować wyjście na konsoli przeglądarki jako:

konsola.Log („Witaj to nasze pierwsze string napisane w podwójnych kwatach”);
konsola.Log („Witaj to nasza druga drena napisana w pojedynczym cytacie”);

Teraz otrzymamy nasz wynik na konsoli jako:

Chociaż możemy również uzyskać dane wyjściowe w naszym dokumencie jako:

dokument.Write („Cześć, to nasze pierwsze strywanie napisane w podwójnych cytatach”);

Otrzymamy następujące dane wyjściowe, kiedy wykorzystamy „dokument.pisać()”:

Innym sposobem drukowania naszego ciągu jest „alarm" metoda:

Alert („Cześć, to nasze pierwsze strywanie napisane w podwójnych cytatach”);

W takim przypadku pojawi się okno wyskakujące i otrzymamy nasze wyjście w tym oknie:

Teraz omówimy drugą metodę „Literały szablonów„Aby utworzyć ciąg w JavaScript.

Literały szablonów

„„Literały szablonów”Wykonaj to samo, co pojedynczy cytat i podwójny cytat, ale z pewnymi dodatkowymi funkcjami. szablon dosłowny Sznurki są otoczone „tylne bilety”„. Omówimy "Literały szablonów”Szczegółowo w drugiej części tego artykułu„Jak połączyć struny w JavaScript".

Jak przypisać ciąg do zmiennej w JavaScript

W JavaScript możemy utworzyć zmienną na trzy sposoby z słowem kluczowym „var”, „Let”, albo ze słowem kluczowym „const”. Rozważmy więc podany przykład, aby zrozumieć, w jaki sposób możemy przypisać ciąg do zmiennej:

const string1 = "String przypisany do zmiennej const";
Niech String2 = "String przypisany do zmiennej LET";
var string3 = "String przypisany do zmiennej var";

Stworzyliśmy trzy zmienne z trzema różnymi słowami kluczowymi i przypisaliśmy ciąg do każdego z nich jako:

Użyjemy konsoli.Metoda log () do wydrukowania danych wyjściowych tych ciągów:

Dlatego otrzymamy następujące dane wyjściowe na naszej konsoli:

Jak połączyć struny w JavaScript

Conatenate oznacza połączenie wielu ciągów, możemy połączyć wiele ciągów za pomocą operatora konatenacji „+”:

const string1 = „Daniel”;
LET STRING2 = „BRYN”;
konsola.log („Nazwa pracownika:”, string1 + "" + string2);

Stworzyliśmy dwa ciągi i przypisaliśmy je do dwóch różnych zmiennych, a następnie w konsoli.Funkcja logarytmiczna połączyliśmy obie zmienne z operatorem „+”.

W powyższym danym łączymy dwa struny i dodajemy między nimi „białą przestrzeń”. Kiedy wykonujemy kod, otrzymujemy następujące dane wyjściowe:

Możemy bezpośrednio połączyć ciągi bez przypisywania ich wartości do zmiennych, tak samo jak w poniższym przykładzie:

konsola.log („nazwa:”, „Michael” + ”„ + „Clarke”);

W tym przykładzie łączymy dwa struny, a wśród nich biała przestrzeń:

I otrzymujemy następujące dane wyjściowe po pomyślnym wykonaniu:

Do tej pory pracowaliśmy nad sznurkami z jednym cytatem lub strunami zamkniętymi w podwójnych cytatach. Teraz rozważymy przykład, aby zrozumieć, jak działa Back-Tick:

LET First_name = "Daniel";
niech full_name = 'joe $ first_name';
konsola.log („Nazwa:”, Full_name);

W tym przykładzie łączymy „First_name” z „Joe” za pomocą (') i drukuje wyjście na konsoli:

Otrzymamy następujące dane wyjściowe dla powyższego kodu:

Jak uciec od postaci specjalnych w JavaScript

Jak widzieliśmy w powyższych przykładach, że pojedyncze cytaty i podwójne cytaty są wykorzystywane do oznaczenia ciągów. Pytanie, które przyciąga uwagę wszystkich, jest radzenie sobie z apostrofami lub niektórymi znakami specjalnymi w strunach? Na przykład:

Let Str = 'Jestem ciągiem!';;
konsola.log (str);

Więc w tym przykładzie, kiedy próbujemy pisać Jestem W ciągu nie działałoby to poprawnie:

Podobnie jak w powyższym fragmencie, widzimy, że kod Visual Studio pokazuje błąd, więc jeśli nadal staramy się uruchomić ten kod, otrzymamy następujące dane wyjściowe:

Dlatego w celu rozwiązania takich specjalnych przypadków JavaScript przedstawia niektóre znaki specjalne, takie jak BackSlash „\”, Tab '\ t' itp. Weźmy przykład, w którym dodamy „\” w ciągu:

niech str = 'i \' mring!';;
konsola.log („ciąg:”, str);

„\” Ucieknie z pojedynczego cytatu jako:

I otrzymamy wynikowe dane wyjściowe dla łańcucha jako:

Jak uzyskać dostęp do postaci z ciągu w JavaScript

Możemy uzyskać dostęp do określonego znaku ciągu za pomocą tablic[] []::

Niech String = "Hello To jest nasz pierwszy dreak napisany w podwójnych cytatach";
konsola.log („dostępna znak:”, String [8]);

Piszemy „String [8]” w metodzie konsoli, która określa, że ​​uzyskuje dostęp do postaci „8” ciągu i drukuje go na konsoli:

Po pomyślnym wykonaniu otrzymamy 8. postać łańcucha, którym jest „I”:

Wniosek

Strings są prymitywnymi i niezmiennymi typami danych, a ten artykuł zawiera pełny przegląd pracy String za pomocą przykładów. Po przeczytaniu tego artykułu będziesz mógł odpowiedzieć na pytania, takie jak utworzenie ciągu, jak wyświetlić ciąg, jak przypisać ciąg do zmiennej, jak zintegrować/połączyć ciąg, jak uciec od postaci specjalnej podczas pracy z ciągami i jak uzyskać dostęp do jednego znaku sznurka.