Jak interpolować zmienne w strunach w JavaScript, bez konkatenacji

Interpolacja w JavaScript odnosi się do wstawienia wartości zmiennej do ciągu. Jest to często używane podczas budowania ciągów o treści dynamicznej, takich jak wyświetlanie danych z interfejsu API lub wejścia użytkownika. W JavaScript istnieje kilka sposobów wykonywania interpolacji, w tym „Literały szablonów”,„Powiązanie (+) ”I tak dalej.

Ten artykuł ilustruje sposób interpolowania zmiennych w ciągu z połączeniem w JavaScript.

Jak interpolować zmienne w strunach w JavaScript, bez konkatenacji?

W przypadku zmiennych interpolacji w strunach bez konatenacji użyj „Literały szablonów". Zamiast używać cytatów pojedynczych (') lub podwójnych („), literały szablonów to ciągi, które są zamknięte w back -ticks (').

Składnia

Aby interpolować zmienną w strunach, użyj następującej składni:

$ zmienna

Przykład 1: zmienna interpolowa z łańcuchem

Utwórz zmienną „LH”, Który przechowuje ciąg„Linuxhint”, Który będzie interpolujący jako zmienna w ciągu:

var lh = "Linuxhint";

Użyj szablonu backtick dosłownego w konsoli.Metoda log () do interpolowania zmiennej „LH”W ciągu:

konsola.log („Witamy w $ lh”);

Można zauważyć, że zmienna została pomyślnie interpolowana w ciągu:

Przykład 2: Zmienne interpolowe z operatorem arytmetycznym

Możesz także użyć wyrażenia ze zmiennymi do interpolowania w ciągu. Najpierw utwórz dwie zmienne, „X" I "y”I przypisz wartości„111" I "253”Odpowiednio:

var a = 111;
var B = 253;

Użyj literałów szablonu i przekaż wyrażenie „x + b„Aby dodać dwie liczby i wydrukować wynik na konsoli:

konsola.log ('suma to: $ a + b');

Można zaobserwować, że operacja arytmetyczna lub dowolne wyrażenie lub operacja jest również wykonywana przy użyciu interpolacji:

Przykład 3: Zmienna interpolowa z instrukcją warunkową

Możesz także użyć instrukcji warunkowych w interpolacji ze zmiennymi w ciągu. Utwórz liczbę „num”I przypisz wartość„18”:

const num = 18;

Teraz sprawdź, czy „num” jest parzyste lub dziwne za pomocą operatora trójskładnikowego o zmiennej interpolacji w konsoli.Metoda log () wyświetlania wyniku na konsoli:

konsola.log ('$ num to $ num % 2 === 0 ? 'nawet dziwne'');

Wyjście

Zebraliśmy wszystkie istotne informacje związane ze zmiennymi interpolowanymi w strunach w JavaScript.

Wniosek

Aby interpolować zmienne w strunach bez konkatenacji, użyj „$ zmienna Lub $ wyrażenie" z "Literały szablonów„BackTicks (') zamiast pojedynczych lub podwójnych cytatów. To sprawia, że ​​kod jest prostszy i łatwiejszy do lepszego zrozumienia. W tym artykule zilustrowaliśmy metodę interpolowania zmiennych w ciągu z połączeniem w JavaScript.