JavaScript 中的行继续符操作

 更新时间:2023年06月30日 11:44:40   作者:迹忆客  
JavaScript 中的字符串操作可能很复杂, 尽管字符串操作易于掌握,但实施起来却具有挑战性,其中一个相关领域是添加新行,这篇文章主要介绍了JavaScript中的行继续符操作,需要的朋友可以参考下

这个简短的 JavaScript 文章涵盖了 JavaScript 中的词法语法。 此外,还将使用各种新的换行技术深入介绍字符串,以及在处理这些字符串时如何处理换行符。

JavaScript 中的词法语法

在计算机科学中,词法语法是一种描述标记句法的技术语法。 该程序是用语言的语言结构定义的字符构建的。

字符集可与任何书面语言的字母表相媲美。 ECMAScript 脚本的源文本从左到右读取,并转换为一系列输入组件,例如标记、控制字符、行终止符、注释或空格。

ECMAScript 定义了特定的关键字、文字和在语句后插入分号的规则。

JavaScript 中的字符串文字

字符串文字是由单引号或双引号括起来的零个或多个 Unicode 代码点的顺序。 转义序列也可以表示 Unicode 代码点。

除了以下结束引号代码点外,所有代码点都可能逐字出现在字符串文字中:

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

任何代码点都可以作为转义序列出现。

字符串文字被解释为 ECMAScript 字符串值。 生成这些字符串值时,Unicode 代码点采用 UTF-16 编码。

JavaScript 中的行继续

JavaScript 中的字符串操作可能很复杂。 尽管字符串操作易于掌握,但实施起来却具有挑战性,其中一个相关领域是添加新行。

还有其他方法可以使用 JavaScript 插入新行,但它们不像 HTML 的段落或 break 标记那样简单。

尽管如此,让我们看看在 JavaScript 中插入新行的最流行的方法。

在 JavaScript 中使用转义方法实现行继续

在 JavaScript 中,转义序列是一种创建新行的系统方法。 在 Windows 和 Linux 中,新行的转义序列是 \n; 但是,在一些较旧的 Mac 上,使用 \r。

转义序列的实现相对简单。

例子:

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

输出:

"Hello World""HelloWorld"

十六进制转义序列

十六进制转义序列由字符 \x 后跟恰好两个表示代码单元或点的十六进制数字组成,范围从 0x00000x00FF

例子:

'\xA9' // "©"

Unicode 转义序列

\u 之后,Unicode 转义序列恰好由四个十六进制数字组成。 在UTF-16编码中,它表示一个编码单元。

代码单元相当于代码点 U+0000U+FFFF 。 代码点需要两个转义序列来反映用于对字符进行编码的两个代码单元; 代理对在代码点上是唯一的。

例子:

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

Unicode 代码点转义序列

Unicode 代码点转义序列由 \u{} 和十六进制代码点组成。 十六进制数字的范围必须从 0 到 0x10FFFF

U+10000U+10FFFF 中的代码点不需要代理对。 在 ECMAScript 2015 中,代码点转义被添加到 JavaScript (ES6)。

例子:

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

在 JavaScript 中使用模板文字实现行继续

模板文字可能看起来很复杂,但它们是支持行话背后嵌入表达式的字符串文字。 它们促进了多行字符串的使用。

反引号 (``) 用于包围模板文字。

例子:

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

输出:

"HelloWorld""HelloWorld"

在转义方法和模板文字的两种情况下返回相同的输出。 但是,如您所见,模板字面量使编写多行字符串变得更加容易。

在 JavaScript 中使用 HTML Break 元素实现行继续

在 JavaScript 中创建新行的另一种方法是在字符串中包含 HTML 换行符元素。

重要的是要注意 break 元素只应在行的划分很重要时使用。 但是,由于这种策略非常普遍,我们也会对其进行研究。

例子:

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

输出:

Javascript 行继续 - 输出

到此这篇关于JavaScript 中的行继续符的文章就介绍到这了,更多相关js行继续符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS实现动态生成html table表格的方法分析

    JS实现动态生成html table表格的方法分析

    这篇文章主要介绍了JS实现动态生成html table表格的方法,结合实例形式分析了javascript针对数组数据的读取、遍历以及动态生成相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • 一步步教会你微信小程序的登录鉴权

    一步步教会你微信小程序的登录鉴权

    登录功能是许多小程序必备的一个功能,通过登录系统,我们可以记录用户在我们的小程序里一些行为,在后台我们也可以模糊地确认用户。下面这篇文章主要给大家介绍了关于小程序登录鉴权的相关资料,需要的朋友可以参考下。
    2018-04-04
  • jquery实现简单的遮罩层

    jquery实现简单的遮罩层

    这篇文章主要介绍了jquery实现简单的遮罩层相关代码,内容很丰富,教大家实现遮罩层效果,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JavaScript中forEach和map详细讲解

    JavaScript中forEach和map详细讲解

    foreach和map都是JavaScript中数组的常用方法,它们都可以对数组中的每个元素执行一个函数,但是它们有一些区别,下面这篇文章主要给大家介绍了关于JavaScript中forEach和map详细讲解的相关资料,需要的朋友可以参考下
    2023-11-11
  • js 静态HTML表格排序功能实现

    js 静态HTML表格排序功能实现

    对于对于一些表格按价格 等进行排序,方便用户对当前页面的高低价格排序,用户体验性好
    2009-02-02
  • Javascript点击按钮随机改变数字与其颜色

    Javascript点击按钮随机改变数字与其颜色

    这篇文章主要介绍了Javascript点击按钮随机改变数字和其字体的颜色,实现后的效果很不错,具有一定的参考价值,有需要的可以参考借鉴,下面来一起看看。
    2016-09-09
  • js变量以及其作用域详解

    js变量以及其作用域详解

    Javascript和Java、C这些语言不同,它是一种无类型、弱检测的语言。它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个变量
    2012-01-01
  • js实现数组去重、判断数组以及对象中的内容是否相同

    js实现数组去重、判断数组以及对象中的内容是否相同

    数组去重,判断数组、对象中的内容是否相同等等,在接下来的文章中使用js来简单实现下,感兴趣的朋友不要错过
    2013-11-11
  • javascript字母大小写转换的4个函数详解

    javascript字母大小写转换的4个函数详解

    这篇文章主要介绍了javascript字母大小写转换的4个函数详解,需要的朋友可以参考下
    2014-05-05
  • JS回调函数简单用法示例

    JS回调函数简单用法示例

    这篇文章主要介绍了JS回调函数简单用法,结合实例形式分析了js回调函数的定义与简单使用方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-02-02

最新评论