JavaScript 字符串详解
一、字符串概述
在JavaScript中，字符串（String）是一种基本数据类型，用于表示文本数据。字符串可以是一系列字符的组合，包括字母、数字、标点符号和特殊字符等。JavaScript提供了多种方法和属性来操作和处理字符串，使得开发者能够轻松地进行字符串的拼接、查找、替换、截取等操作。
二、字符串的创建
-
使用字符串字面量
这是最常见和简单的方式，使用单引号（'）或双引号（"）括起来的文本即为字符串。例如：
var str1 = 'Hello, World!'; var str2 = "JavaScript is powerful."; -
使用
String构造函数可以通过
String构造函数来创建字符串对象。不过，这种方式在大多数情况下并不常用，因为直接使用字符串字面量更为简洁和高效。例如：var str3 = new String('Hello, World!');
三、字符串的常用属性和方法
-
length属性length属性用于获取字符串的长度，即字符串中字符的数量。例如：var str = 'Hello, World!'; console.log(str.length); // 输出: 13 -
访问字符串中的字符
-
charAt(index)：返回指定索引处的字符。索引从0开始，如果索引超出范围，则返回空字符串。var str = 'Hello'; console.log(str.charAt(1)); // 输出: 'e' -
charCodeAt(index)：返回指定索引处字符的Unicode编码。var str = 'Hello'; console.log(str.charCodeAt(1)); // 输出: 101（'e'的Unicode编码） -
at(index)（ES2020引入）：返回指定索引处的字符，支持负数索引（从字符串末尾开始计算）。var str = 'Hello'; console.log(str.at(1)); // 输出: 'e' console.log(str.at(-1)); // 输出: 'o'
-
-
字符串的拼接和连接
-
concat(str2, str3, ...)：连接两个或多个字符串，并返回一个新的字符串。var str1 = 'Hello'; var str2 = 'World'; var result = str1.concat(' ', str2, '!'); console.log(result); // 输出: 'Hello World!' -
使用加号（+）操作符：这是更常用和简洁的字符串拼接方式。
var str1 = 'Hello'; var str2 = 'World'; var result = str1 + ' ' + str2 + '!'; console.log(result); // 输出: 'Hello World!'
-
-
字符串的查找
-
indexOf(searchValue, fromIndex)：返回指定文本在字符串中首次出现的索引位置，如果找不到则返回-1。fromIndex是可选参数，表示从哪个索引位置开始搜索。var str = 'Hello, World!'; console.log(str.indexOf('World')); // 输出: 7 console.log(str.indexOf('world')); // 输出: -1（大小写敏感） -
lastIndexOf(searchValue, fromIndex)：返回指定文本在字符串中最后一次出现的索引位置，如果找不到则返回-1。fromIndex是可选参数，表示从哪个索引位置开始向后搜索。var str = 'Hello, World! Hello, Universe!'; console.log(str.lastIndexOf('Hello')); // 输出: 19 -
includes(searchValue, position)：判断字符串中是否包含指定的子字符串，如果包含则返回true，否则返回false。position是可选参数，表示从哪个索引位置开始搜索。var str = 'Hello, World!'; console.log(str.includes('World')); // 输出: true console.log(str.includes('world')); // 输出: false（大小写敏感） -
startsWith(searchValue, position)：判断字符串是否以指定的子字符串开头，如果是则返回true，否则返回false。position是可选参数，表示从哪个索引位置开始判断。var str = 'Hello, World!'; console.log(str.startsWith('Hello')); // 输出: true -
endsWith(searchValue, length)：判断字符串是否以指定的子字符串结尾，如果是则返回true，否则返回false。length是可选参数，表示要搜索的字符串长度。var str = 'Hello, World!'; console.log(str.endsWith('!')); // 输出: true -
search(regexp)：使用正则表达式在字符串中搜索匹配项，并返回首次匹配项的索引位置，如果没有找到匹配项则返回-1。var str = 'Hello, World!'; console.log(str.search(/world/i)); // 输出: 7（忽略大小写）
-
-
字符串的截取和分割
-
substring(startIndex, endIndex)：提取字符串中从startIndex到endIndex-1之间的字符，返回一个新的字符串。如果省略endIndex，则提取到字符串末尾。var str = 'Hello, World!'; console.log(str.substring(7, 12)); // 输出: 'World' -
slice(startIndex, endIndex)：与substring类似，但允许使用负数索引（从字符串末尾开始计算），并且如果endIndex省略，则提取到字符串末尾。var str = 'Hello, World!'; console.log(str.slice(7, 12)); // 输出: 'World' console.log(str.slice(-6)); // 输出: 'World!' -
substr(startIndex, length)：从startIndex开始提取指定长度的字符，返回一个新的字符串。注意：substr方法已被废弃，建议使用substring或slice代替。var str = 'Hello, World!'; console.log(str.substr(7, 5)); // 输出: 'World'（不推荐使用） -
split(separator, limit)：使用指定的分隔符将字符串分割成数组。separator可以是字符串或正则表达式，limit是可选参数，表示返回数组的最大长度。var str = 'apple,banana,orange'; console.log(str.split(',')); // 输出: ['apple', 'banana', 'orange'] console.log(str.split(',', 2)); // 输出: ['apple', 'banana']
-
-
字符串的替换
-
replace(searchValue, newValue)：将字符串中第一个匹配的searchValue替换为newValue，并返回新的字符串。searchValue可以是字符串或正则表达式。var str = 'Hello, World!'; console.log(str.replace('World', 'JavaScript')); // 输出: 'Hello, JavaScript!' -
replaceAll(searchValue, newValue)（ES2021引入）：将字符串中所有匹配的searchValue替换为newValue，并返回新的字符串。searchValue可以是字符串或正则表达式。var str = 'Hello, World! Hello, Universe!'; console.log(str.replaceAll('Hello', 'Hi')); // 输出: 'Hi, World! Hi, Universe!'
-
-
字符串的大小写转换
-
toLowerCase()：将字符串中的所有字母转换为小写。var str = 'Hello, World!'; console.log(str.toLowerCase()); // 输出: 'hello, world!' -
toUpperCase()：将字符串中的所有字母转换为大写。var str = 'Hello, World!'; console.log(str.toUpperCase()); // 输出: 'HELLO, WORLD!' -
toLocaleLowerCase()：根据本地环境将字符串中的所有字母转换为小写。在某些地区，可能与toLowerCase()的行为不同。var str = 'Hello, World!'; console.log(str.toLocaleLowerCase());
-
