【JavaScript 教程】第五章 字符串01— JavaScript 字符串

英文 | https://www.javascripttutorial.net/

译文 | 杨小爱

在上节，我们学习了JavaScript流程中的 continue 语句，错过的小伙伴可以点击文章《【JavaScript 教程】第四章 程序流程08— JavaScript continue 语句》进行学习。

那么，在今天的教程中，我们将一起来学习JavaScript 字符串原始类型。

JavaScript 字符串简介

JavaScript 字符串是原始值。JavaScript 字符串也是不可变的。这意味着如果您处理一个字符串，您总会得到一个新的字符串。原始字符串不会改变。

要在 JavaScript 中创建文字字符串，您可以使用单引号或双引号，如下所示：

let str = 'Hi';
let greeting = "Hello";

ES6 引入了模板文字，允许您定义字符串反引号 (`) 字符：

let name = 'John';
let message = `Hello ${name}`;


console.log(message);

输出：

Hello John

该字符串message计算name变量并返回结果字符串。

转义特殊字符

要转义特殊字符，请使用反斜杠\字符。例如：

• Windows 换行符： '\r\n'

• Unix 换行符： '\n'

• 标签： '\t'

• 反斜杠: '\'

以下示例使用反斜杠字符转义字符串中的单引号字符：

let str = 'I\'m a string!';

获取字符串的长度

该length属性返回字符串的长度：

let str = "Good Morning!";
console.log(str.length);  // 13

访问字符

要访问字符串中的字符，请使用类似数组的[ ]表示法和从零开始的索引。

以下示例返回索引为零的字符串的第一个字符：

let str = "Hello";
console.log(str[0]); // "H"

要访问字符串的最后一个字符，请使用length - 1索引：

let str = "Hello";
console.log(str[str.length -1]); // "o"

通过运算符+连接字符串

要连接两个或多个字符串，请使用+运算符：

let name = 'John';
let str = 'Hello ' + name;


console.log(str); // "Hello John"

如果您想一块一块地组装一个字符串，您可以使用+=运算符：

let className = 'btn';
className += ' btn-primary'
className += ' none';


console.log(className);

输出：

btn btn-primary none

将值转换为字符串

要将非字符串值转换为字符串，请使用以下方法之一：

• 字符串（n）；

• ” + n

• n.toString()

请注意，toString()方法不适用于undefined和null。

将字符串转换为布尔值时，无法通过以下方式将其转换回Boolean()：

let status = false;
let str = status.toString(); // "false"
let back = Boolean(str); // true

在这个例子中：

• 首先，status是一个布尔变量。

• 然后，toString()返回status变量的字符串，即false.

• 最后，Boolean()将"false"字符串转换回为 true 的布尔值，因为它"false"是一个非空字符串。

请注意，只有Boolean()返回 false 的字符串才是空字符串 (")；

比较字符串

比较两个字符串，您可以使用运算符>，>=，<，<=，和==运算符。

这些运算符根据 JavaScript 字符的数值比较字符串。换句话说，它可能返回与字典中使用的字符串顺序不同的字符串顺序。

let result = 'a' < 'b';
console.log(result); // true

然而：

let result = 'a' < 'B';
console.log(result); // false

总结

通过本教程的学习，我们知道了 JavaScript 字符串的一些知识：

• JavaScript 字符串是原始值且不可变。

• 文字字符串由单引号 ( ')、双引号 ( ") 或反引号 (`)分隔

• length属性返回字符串的长度。

• 使用 >、>=、<、<=、== 运算符来比较两个字符串。

如果您觉得今天内容，对您有帮助，请记得分享给您做开发的朋友，也许对他也有所帮助。

如果您错过了之前的内容，请点击下文进行阅读。

【JavaScript 教程】第四章 程序流程08— JavaScript continue 语句

【JavaScript 教程】第四章 程序流程07— JavaScript break 语句

【JavaScript 教程】第四章 程序流程06— JavaScript for 循环

学习更多技能

请点击下方公众号