Javascript 字符串插值

| | | | | |

字符串插值 JavaScript 是在字符串的一部分中嵌入表達式的過程。模板文字用於嵌入表達式。您可以通過插值將變量和數學等值添加到字符串中。

您需要在 JavaScript 字符串中添加值嗎?文字模式語法已經涵蓋了。模板文字可以更輕鬆地處理多行字符串和嵌套的 JavaScript 值,“Äã”,Äã 在一個字符串中。模式文字是 JavaScript 字符串插值語法。

在本指南中,我們將討論 JavaScript 字符串插值。我們將討論它是什麼、它是如何工作的,並通過一個字符串插值示例來幫助您入門。

事不宜遲,讓我們開始吧!

JavaScript 插值字符串

您可以使用模板文字向 JavaScript 字符串添加值“Äã”。這是一個美元符號,後跟兩個大括號。大括號內應該是您要在字符串中嵌入其值的表達式。

模式文字允許您將值嵌套在字符串中,而不依賴於連接。要聲明模式文字,字符串必須用單引號 (") 而非雙引號括起來

考慮以下語法:.

我們已經聲明了一個模式字面量。我們的表達式是:

這個表達式返回9 + 10。這個表達式的結果被附加到我們字符串的末尾,在句點之前。事實上,我們在句點之前寫了我們的表達式。

插值字符串 JavaScript 例如

文字模板允許你直接在嵌套字符串中賦值 ,Äã,Äã。考慮以下代碼:

第一行代碼定義了首相的地址編號。然後我們使用literals模板創建完整的地址。 tax ${} 用於 i 將價值整合到我們的鏈中。我們將“address_number”的值添加到字符串

讓我們的代碼運行:

我們的代碼合併了我們的兩個字符串。

當使用模式文字時,您可以在字面意義上嵌入一個值。這包括字符串、數字或 JavaScript 數學計算 。您不應該在模板文字中嵌入模板文字。

文字字符串的主要優點之一是 .. 它的語法清晰,我們可以嵌入我們的 javascript 代碼直接進入我們的字符串

我們可以使用串聯連接字符串假設我們有兩個 st ring:.

您可以使用加號(+)連接兩個字符串:

JavaScript 控制台指紋以下值:

我們已經成功地創建了一條連接我們兩根弦的鏈條。最終,我們使用連接運算符在句子中添加句點(“”)

但是這種語法有一個缺點:。您不能在字符串的末尾添加值 ,Äã,Äã。這是引入文字模板語法的一個重要原因。現在可以更輕鬆地在字符串中間添加值“Äã,Äã”

用於字符串插值的 JavaScript。計算

模板文字中的代碼是 JavaScript 語句。這意味著您可以使用模式文字來執行 計算並將它們的值嵌入到程序中。

讓我們創建一個鏈計算 Baré 中兩種飲料的價格並將結果放入鏈中:

在${}語法中,我們添加了一個計算。此計算將兩個 JavaScript 變量的值加在一起。我們的變量是drink1 (2.30) 和drink2 (2.20)。我們的代碼返回一個字符串,其中包含這些值的總和:

用於字符串插值的JavaScript:三元運算符

JavaScript 三元運算符< /a> 允許您評估一個陳述是真還是假。它們是編寫 if 語句的更簡潔的方式。如果 if 語句的結果需要一行代碼

如果顧客在他的咖啡上花費超過 4.00 美元,他應該被介紹給賬單。然後他應該被邀請加入咖啡館的忠誠度卡俱樂部。否則,它應該出現在賬單上。我們可以使用三元運算符來檢查客戶發票的成本:

我們的文字模式包含兩個內置表達式。將“總”的價值整合到我們的鏈條中。然後我們使用三元運算符來檢查是否應該邀請客戶加入會員卡俱樂部咖啡廳

如果購買總價超過$4.00,控制台會打印如下信息:

否則,我們的三元運算符會返回冒號 (":") 後面的值。表達式的計算結果為 False。

在我們的示例中,冒號後面的值是一個空字符串。這意味著如果小於$ 4.00,則僅返回客戶購買我們文字模板的第一句:


br>

結論

模板文字允許你嵌入一個值在一個字符串中。您可以在模型文字中執行計算。我們使用反引號聲明模式文字。要評估的聲明由一個美元符號和一對大括號表示,聲明出現在其中

如需了解更多關於 JavaScript 的提示,請參閱 JavaScript 學習指南

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method