Interpolacja łańcucha JavaScript | Wyjaśnione

W JavaScript koncepcja interpolacji ciągu umożliwia dodanie zmiennych lub wyrażeń do ciągu. Interpolację można przeprowadzić na strunach, które są tworzone za pomocą szablonu dosłownego. Celem interpolacji ciągów jest dodanie różnych zmiennych lub wyrażeń w ciągu bezbłędnego.

Zjawisko wygląda jak połączenie, ale różni się w zastosowaniu i zalet. Zachowując znaczenie interpolacji, ten przewodnik służy następującym wynikom uczenia się.

1. Dlaczego interpolacja string?
2. Jak zrobić interpolację łańcucha w JavaScript

Dlaczego interpolacja string?

Być może myślisz, że do wykonania zadania, które robi interpolacja łańcucha, może być używane przez interpolację, więc dlaczego przeprowadza się interpolacja?

Zwykłe połączenie ciągów pozwala dodawać zmienne/wyrażenia do ciągu. Aby to zrobić, musisz często dodawać/usuwać znaki cytatowe, jak pokazano na poniższym obrazku.

Jak pokazuje powyższy obraz, istnieje złożone wyrażenie, które jest przeprowadzane w celu użycia wielu zmiennych, co może spowodować popełnienie błędu. Aby uniknąć takiego scenariusza, interpolacja łańcucha jest dość przydatna w takiej sytuacji.

Jak zrobić interpolację łańcucha w JavaScript

Przed wejściem w przykłady zrozummy, w jaki sposób interpolacja łańcucha jest przeprowadzana w JavaScript. Istnieje wiele sposobów utworzenia ciągu w JavaScript albo za pomocą pojedynczych/podwójnych cytatów lub tworzenie literatu szablonu (za pomocą backquote (')). Interpolację można przeprowadzić na strunach, które są tworzone za pomocą backquote (').

Poniższa składnia odnosi się do interpolacji ciągów.

„Ciąg jest interpolowany $ wyrażenie”

$ Wyrażenie wskazuje, że wartość wyrażenia/zmiennej byłaby osadzona w tym ciągu.

Przećwiczmy kilka przykładów, aby lepiej zrozumieć koncepcję interpolacji string.

Przykład 1

Poniższy kod wykorzystuje interpolację ciągu do osadzania wielu zmiennych w ciągu.

var wiek = 30; var name = "David";
var post = "Autor"
var str = 'nazwa $ post to $ nazwa i to $ wiek lat' '
konsola.log (str);

W powyższym kodzie tworzone są dwa ciągi i jedna zmienna liczbowa. Te zmienne są używane w wymienionym ciągu „STR” Korzystając z koncepcji interpolacji. Na koniec interpolowany ciąg jest drukowany na konsoli.

Wyjście

Wyjście pokazuje, że wartości zmiennych „Wiek”, „Nazwa” i „Post” są skutecznie osadzone w ciągu „STR” Za pomocą interpolacji łańcucha.

Przykład 2

Ten przykład sprawdza, czy interpolacja łańcucha działa na strunach z pojedynczymi/podwójnymi cytatami.

var name = "David"; var post = "autor"
konsola.log („Nazwa $ post to $ name”);
konsola.log („Nazwa $ post to $ name ');

Powyższy kod próbuje użyć koncepcji interpolacji na strunach jednego/podwójnego cytatu.

Wyjście

Dane wyjściowe pokazuje, że ciąg, który wykonał zjawisko interpolacji, jest wydrukowany tak, jak jest. Wartość zmiennych nie jest pobierana, ponieważ pojedyncze/podwójne cytaty drukowały je podczas ich użycia.

Wniosek

Interpolacja ciągu umożliwia dodanie wartości zmiennych/wyrażeń w ciągu. Interpolacja jest dość pomocna i łatwa do wykonania w porównaniu z koncepcją konatenacji. Ten post zawiera szczegółowy przewodnik na temat interpolacji ciągów w JavaScript. Aby uzyskać krótki przewodnik, zademonstrowaliśmy zestaw przykładów, które ilustrują, w jaki sposób wyrażenia mogą być osadzone w strunach. Na koniec stwierdzono, że literały szablonów mogą osadzić w nich wyrażenia, podczas gdy pojedyncze/podwójne cytaty muszą wykonywać połączenie, aby wykonać to samo zadanie.