彻底读懂JavaScript字符串类型(String)

字符串类型是JavaScript中常用的基本类型,与数值类型一样。

这一次,我将解释JavaScript中的字符串类型。

了解如何创建和操作字符串。

彻底读懂JavaScript字符串类型(String)  第1张

字符串类型(String)

JavaScript的字符串类型在使用typeof运算符检查类型时被标记为“string”。

字面意思是一串连接的字符。

console.log(typeof '字符串'); // "string"

彻底读懂JavaScript字符串类型(String)  第2张

说的更详细一点,比如“a”这个字符在计算机上是无法存储的,所以需要将其转换为位串,让计算机识别。

这种从字符到位串的转换称为编码(字符编码)。

因此,“Unicode”和“UTF-16”就显得尤为重要。

// 什么是Unicode和UTF-16 ?
* Unicode(统一码)也叫万国码、单一码,计算机科学领域里的一项业界标准,包括字符集、编码方案等。
* UTF-16是将Unicode字符集的抽象码位映射为16位长的整数(即码元)的序列,用于数据存储或传递。

也就是说,JavaScript使用Unicode作为字符代码,使用UTF-16作为编码方式来处理字符串。

在这里,只要抓住重点就没有问题。

如何处理字符串

现在让我们看看如何处理字符串。

创建一个字符串

你可以使用以下三种引号来创建字符串。

  • 双引号:"Hello"

  • 单引号:'Hello'

  • 反引号:`Hello`

首先,双引号和单引号都是简单的引号,只要把整个文字括起来,就可以创建字符串。

let string1 = "字符串";
let string2 = '字符串';

console.log(string1); // "字符串"
console.log(string2); // "字符串"

console.log(string1 === string2); // true

彻底读懂JavaScript字符串类型(String)  第3张

双引号和单引号在含义上没有区别。

根据项目的编码规则不同,JavaScript中使用的引号也会有所不同。

使用哪一种是个人喜好的问题,主需要注意统一即可。

反引号通过将整个字符括起来来创建字符串,这一点与上述两个相同。

除此之外,还可以在字符串中换行,在字符串中嵌入变量。

// 创建常规字符串
let string = `Hello!`;
console.log(string); // "Hello!"

// 字符串的换行
let javascript = `I
love
JavaScript`;
console.log(javascript);
/*
"I
love
JavaScript"
*/

// 变量的嵌入
let year = 2022;
console.log(`Hello, ${year}!`); // "Hello, 2022!"

彻底读懂JavaScript字符串类型(String)  第4张

您可以将变量嵌入到${}中,方法是在反引号中的字符串之间插入变量。

这称为模板文字。

除了变量,还可以在变量中进行算术表达。

console.log(`498 + 235 = ${498 + 235}`); // "498 + 235 = 733"

彻底读懂JavaScript字符串类型(String)  第5张

这样的变量嵌入不能用其他的引号来表示。

因为会单纯地以字符串的形式显示,所以请注意。

let name = 'ciyawang';

console.log("My name is ${name}"); // "My name is ${name}"

彻底读懂JavaScript字符串类型(String)  第6张

字符串换行

使用转义序列为使用单引号或双引号创建的字符串换行。

在要换行的位置输入转义序列\n。

let phrase = "Hi,\nI am learning JavaScript\nIt's so fun!"

console.log(phrase);
/*
"Hi,
I am learning JavaScript
It's so fun!"
*/

彻底读懂JavaScript字符串类型(String)  第7张

合并字符串

合并字符串使用字符串连接运算符+。

let name = 'Java' + 'Script';
console.log(name); // "JavaScript"

彻底读懂JavaScript字符串类型(String)  第8张

也可以将变量与字符串组合在一起。

let name = 'JavaScript';
console.log('Learning ' + name + ' is so fun!'); // "Learning JavaScript is so fun!"

彻底读懂JavaScript字符串类型(String)  第9张

检查字符串的长度

使用length属性来检查字符串的长度。

将.length连接到要查找的字符串后面,则返回该字符串元素的长度。

console.log('你好'.length); // 2

彻底读懂JavaScript字符串类型(String)  第10张

结语

本节介绍了JavaScript如何处理字符串类型。

//要点
* JavaScript字符串类型以Unicode和UTF-16存储
* 可以使用双引号、单引号和反引号创建字符串
* 使用模板文字,可以将变量嵌入字符串中
* \n是字符串的换行,+是字符串的连接,.length可以检查字符串的长度