在本教程中，您将借助示例了解 JavaScript 字符串。
JavaScript 字符串是一种用于处理文本的原始数据类型。例如，

const name = 'John';

创建 JavaScript 字符串

在 JavaScript 中，字符串是用引号括起来的。有三种方法使用引号。

单引号： ‘Hello’
双引号： “Hello”
反引号： Hello

例如，

//strings example
const name = 'Peter';
const name1 = "Jack";
const result = `The names are ${name} and ${name1}`;

单引号和双引号实际上是相同的，您可以使用它们中的任何一个。
当需要将变量或表达式包含到字符串中时，通常使用反引号。这是通过使用 $ { variable 或 expression } 包装变量或表达式来实现的，如上所示。
您也可以在一个引号中写另一个引号。例如，

const name = 'My name is "Peter".';

但是，引号不应与周围的引号一致。例如，

const name = 'My name is 'Peter'.'; // error

访问字符串字符

您可以通过两种方式访问字符串中的字符。

一种方式是将字符串视为数组。例如，

const a = 'hello';
console.log(a[1]); // "e"

另一种方法是使用方法 charAt()。例如，

const a = 'hello';
console.log(a.charAt(1)); // "e"

JavaScript 字符串是不可变的

在 JavaScript 中，字符串是不可变的。这意味着字符串的字符不能更改。例如，

let a = 'hello';
a[0] = 'H';
console.log(a); // "hello"

但是，可以将变量名分配给新字符串。例如，

let a = 'hello';
a = 'Hello';
console.log(a); // "Hello"

JavaScript 区分大小写

JavaScript 区分大小写。这意味着在 JavaScript 中，小写和大写字母被视为不同的值。例如，

const a = 'a';
const b = 'A'
console.log(a === b); // false

在 JavaScript 中，a 和 A 被视为不同的值。

JavaScript 多行字符串

要使用多行字符串，可以使用 + 运算符或 \ 运算符。例如，

// using the + operator
const message1 = 'This is a long message ' +
    'that spans across multiple lines' + 
    'in the code.'

// using the \ operator
const message2 = 'This is a long message \
that spans across multiple lines \
in the code.'

JavaScript 字符串长度

要查找字符串的长度，可以使用内置的 length 属性。例如，

const a = 'hello';
console.log(a.length); // 5

JavaScript 字符串对象

您还可以使用 new 关键字创建字符串。例如，

const a = 'hello';
const b = new String('hello');

console.log(a); // "hello"
console.log(b); // "hello"

console.log(typeof a); // "string"
console.log(typeof b); // "object"

注意：建议避免使用字符串对象。使用字符串对象会减慢程序的速度。

JavaScript 字符串方法

以下是常用的 JavaScript 字符串方法：

方法	描述
charAt(index)	返回指定索引处的字符
concat()	连接两个或多个字符串
replace()	用一个字符串替换另一个字符串
split()	将字符串转换为字符串数组
substr(start, length)	返回字符串的一部分
substring(start,end)	返回字符串的一部分
slice(start, end)	返回字符串的一部分
toLowerCase()	以小写形式返回传递的字符串
toUpperCase()	以大写形式返回传递的字符串
trim()	删除字符串中的空白
includes()	搜索字符串并返回布尔值
search()	搜索字符串并返回匹配的位置

示例：JavaScript 字符串方法

const text1 = 'hello';
const text2 = 'world';
const text3 = '     JavaScript    ';

// concatenating two strings
const result1 = text1.concat(' ', text2);
console.log(result1); // "hello world"

// converting the text to uppercase
const result2 = text1.toUpperCase();
console.log(result2); // HELLO

// removing whitespace from the string
const result3 = text3.trim();
console.log(result3); // JavaScript

// converting the string to an array
const result4 = text1.split();
console.log(result4); // ["hello"]

// slicing the string
const result5= text1.slice(1, 3);
console.log(result5); // "el"

JavaScript String() 函数

String() 函数用于将各种数据类型转换为字符串。例如，

const a = 225; // number
const b = true; // boolean

//converting to string
const result1 = String(a);
const result2 = String(b);

console.log(result1); // "225"
console.log(result2); // "true"

如果您想了解有关字符串转换的更多信息，请访问 JavaScript 类型转换。

转义字符

可以使用反斜杠转义字符 \ 在字符串中包含特殊字符。例如，

const name = 'My name is \'Peter\'.';
console.log(name);

输出

My name is 'Peter'.

在上述程序中，使用引号时需要配置 \ 。

代码	输出
"	包括双引号
\	包括反斜杠
\n	换行
\r	回车
\v	垂直制表符
\t	水平制表符
\b	退格
\f	换页

上一教程 ：Multidimensional Array 下一教程 ：JS for…in

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/string

新人创作打卡挑战赛

发博客就能抽奖！定制产品红包拿不停！

JavaScript 字符串