【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 教程】第五章 字符串01— JavaScript 字符串_字符串_02

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