腳本之家服務器常用軟件

快捷導航

JavaScript?中的行繼續(xù)符操作

更新時間：2023年06月30日 11:44:40 作者：跡憶客

JavaScript?中的字符串操作可能很復雜，?盡管字符串操作易于掌握，但實施起來卻具有挑戰(zhàn)性，其中一個相關(guān)領(lǐng)域是添加新行，這篇文章主要介紹了JavaScript中的行繼續(xù)符操作,需要的朋友可以參考下

JavaScript 中的詞法語法
JavaScript 中的字符串文字
JavaScript 中的行繼續(xù)
在 JavaScript 中使用轉(zhuǎn)義方法實現(xiàn)行繼續(xù)
十六進制轉(zhuǎn)義序列
Unicode 轉(zhuǎn)義序列
Unicode 代碼點轉(zhuǎn)義序列
在 JavaScript 中使用模板文字實現(xiàn)行繼續(xù)
在 JavaScript 中使用 HTML Break 元素實現(xiàn)行繼續(xù)

這個簡短的 JavaScript 文章涵蓋了 JavaScript 中的詞法語法。此外，還將使用各種新的換行技術(shù)深入介紹字符串，以及在處理這些字符串時如何處理換行符。

JavaScript 中的詞法語法

在計算機科學中，詞法語法是一種描述標記句法的技術(shù)語法。該程序是用語言的語言結(jié)構(gòu)定義的字符構(gòu)建的。

字符集可與任何書面語言的字母表相媲美。 ECMAScript 腳本的源文本從左到右讀取，并轉(zhuǎn)換為一系列輸入組件，例如標記、控制字符、行終止符、注釋或空格。

ECMAScript 定義了特定的關(guān)鍵字、文字和在語句后插入分號的規(guī)則。

JavaScript 中的字符串文字

字符串文字是由單引號或雙引號括起來的零個或多個 Unicode 代碼點的順序。轉(zhuǎn)義序列也可以表示 Unicode 代碼點。

除了以下結(jié)束引號代碼點外，所有代碼點都可能逐字出現(xiàn)在字符串文字中：

U+005C 或者 \ (backslash),
U+000D 或者 ,
和 U+000A 或 .

任何代碼點都可以作為轉(zhuǎn)義序列出現(xiàn)。

字符串文字被解釋為 ECMAScript 字符串值。生成這些字符串值時，Unicode 代碼點采用 UTF-16 編碼。

JavaScript 中的行繼續(xù)

JavaScript 中的字符串操作可能很復雜。盡管字符串操作易于掌握，但實施起來卻具有挑戰(zhàn)性，其中一個相關(guān)領(lǐng)域是添加新行。

還有其他方法可以使用 JavaScript 插入新行，但它們不像 HTML 的段落或 break 標記那樣簡單。

盡管如此，讓我們看看在 JavaScript 中插入新行的最流行的方法。

在 JavaScript 中使用轉(zhuǎn)義方法實現(xiàn)行繼續(xù)

在 JavaScript 中，轉(zhuǎn)義序列是一種創(chuàng)建新行的系統(tǒng)方法。在 Windows 和 Linux 中，新行的轉(zhuǎn)義序列是 \n；但是，在一些較舊的 Mac 上，使用 \r。

轉(zhuǎn)義序列的實現(xiàn)相對簡單。

例子：

let data = "Hello World";
let newstring = "Hello \nWorld";
console.log(data);
console.log(newstring);

輸出:

"Hello World""HelloWorld"

十六進制轉(zhuǎn)義序列

十六進制轉(zhuǎn)義序列由字符 \x 后跟恰好兩個表示代碼單元或點的十六進制數(shù)字組成，范圍從 0x0000 到 0x00FF 。

例子：

'\xA9' // "?"

Unicode 轉(zhuǎn)義序列

在 \u 之后，Unicode 轉(zhuǎn)義序列恰好由四個十六進制數(shù)字組成。在UTF-16編碼中，它表示一個編碼單元。

代碼單元相當于代碼點 U+0000 到 U+FFFF 。代碼點需要兩個轉(zhuǎn)義序列來反映用于對字符進行編碼的兩個代碼單元；代理對在代碼點上是唯一的。

例子：

'\u00A9' // "?" (U+A9)

Unicode 代碼點轉(zhuǎn)義序列

Unicode 代碼點轉(zhuǎn)義序列由 \u{} 和十六進制代碼點組成。十六進制數(shù)字的范圍必須從 0 到 0x10FFFF 。

U+10000 到 U+10FFFF 中的代碼點不需要代理對。在 ECMAScript 2015 中，代碼點轉(zhuǎn)義被添加到 JavaScript (ES6)。

例子：

'\u{2F804}' // CJK COMPATIBILITY IDEOGRAPH-2F804 (U+2F804)
// the same figure portrayed as a surrogate twin
'\uD87E\uDC04'

在 JavaScript 中使用模板文字實現(xiàn)行繼續(xù)

模板文字可能看起來很復雜，但它們是支持行話背后嵌入表達式的字符串文字。它們促進了多行字符串的使用。

反引號 (``) 用于包圍模板文字。

例子：

let data = "Hello \nWorld";
let newstring = `Hello
World`;
console.log(data);
console.log(newstring);

輸出:

"HelloWorld""HelloWorld"

在轉(zhuǎn)義方法和模板文字的兩種情況下返回相同的輸出。但是，如您所見，模板字面量使編寫多行字符串變得更加容易。

在 JavaScript 中使用 HTML Break 元素實現(xiàn)行繼續(xù)

在 JavaScript 中創(chuàng)建新行的另一種方法是在字符串中包含 HTML 換行符元素。

重要的是要注意 break 元素只應在行的劃分很重要時使用。但是，由于這種策略非常普遍，我們也會對其進行研究。

例子：

<html>
<body>
<p id="newline"></p>
<script>
let data = "Hello" + "
" + "World ";
document.getElementById("newline").innerHTML = data;
</script>
</body>
</html>

輸出:

Javascript 行繼續(xù) - 輸出

到此這篇關(guān)于JavaScript 中的行繼續(xù)符的文章就介紹到這了,更多相關(guān)js行繼續(xù)符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

前端報錯Failed?to?resolve?component:?smile-outlined?If?thi
這篇文章主要為大家介紹了前端報錯?Failed?to?resolve?component:?smile-outlined?If?this?is?a?native?custom?的問題分析解決，有需要的朋友可以借鑒參考下
2023-06-06
淺談layui使用模板引擎動態(tài)渲染元素要注意的問題
今天小編就為大家分享一篇淺談layui使用模板引擎動態(tài)渲染元素要注意的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JS常見疑難點分析之match，charAt，charCodeAt，map，search用法分析
這篇文章主要介紹了JS常見疑難點分析之match，charAt，charCodeAt，map，search用法,結(jié)合實例形式較為詳細的分析了match，charAt，charCodeAt，map，search的功能,使用方法與相關(guān)注意事項,需要的朋友可以參考下
2016-12-12
一文帶你掌握掌握JavaScript中不同屬性類型的細節(jié)
JavaScript是一種功能強大的編程語言，支持面向?qū)ο蟮木幊谭妒?，本文將介紹JavaScript中面向?qū)ο缶幊痰幕靖拍?，包括對象、屬性類型、定義多個屬性和讀取屬性的特性
2023-06-06
JavaScript屬性是對象中的特性,用于描述對象的狀態(tài),每個JavaScript對象都有一組屬性,可以通過點號（.）或方括號（[]）訪問和操作這些屬性,本文將給大家講講JavaScript中你所不知道的普通屬性和排序?qū)傩?需要的朋友可以參考下
2023-09-09