JavaScript字符串函数汇总

本攻略为您详细介绍了 JavaScript 中常用的字符串函数，包括基本字符串方法、正则表达式方法、以及 ES6 中新增的字符串方法。通过掌握本文的内容，您将能够更加熟练地操作字符串。

基本字符串方法

1. length 属性

JavaScript 中的字符串都有一个 length 属性，表示该字符串的长度。示例如下：

var str = 'hello world';
console.log(str.length);  // 11

2. charAt() 方法

charAt() 方法返回指定索引位置的字符。索引从 0 开始。示例如下：

var str = 'hello world';
console.log(str.charAt(1)); // e

3. substr() 方法

substr() 方法用于提取字符串中从指定位置开始的指定长度的字符。示例如下：

var str = 'hello world';
console.log(str.substr(1, 4)); // ello

4. substring() 方法

substring() 方法用于提取字符串中在两个指定索引之间的字符。示例如下：

var str = 'hello world';
console.log(str.substring(1, 4)); // ell

5. slice() 方法

slice() 方法与 substring() 方法类似，用于提取字符串中指定的部分。不同之处在于，slice() 方法允许使用负数索引。负数索引表示从字符串末尾开始计算的位置。示例如下：

var str = 'hello world';
console.log(str.slice(1, 4)); // ell
console.log(str.slice(-5, -2)); // wor

6. indexOf() 方法

indexOf() 方法用于查找字符串中是否包含指定的子串。如果找到了，就返回子串的起始位置。如果没有找到，就返回 -1。示例如下：

var str = 'hello world';
console.log(str.indexOf('world')); // 6
console.log(str.indexOf('javascript')); // -1

7. lastIndexOf() 方法

lastIndexOf() 方法与 indexOf() 方法类似，不同之处在于 lastIndexOf() 方法是从字符串末尾开始查找。示例如下：

var str = 'hello world';
console.log(str.lastIndexOf('o')); // 7

8. toUpperCase() 方法

toUpperCase() 方法用于把字符串转换为大写。示例如下：

var str = 'hello world';
console.log(str.toUpperCase()); // HELLO WORLD

9. toLowerCase() 方法

toLowerCase() 方法用于把字符串转换为小写。示例如下：

var str = 'HeLLo WoRLD';
console.log(str.toLowerCase()); // hello world

正则表达式方法

1. match() 方法

match() 方法用于在字符串中查找匹配的子串，返回一个数组。示例如下：

var str = 'The quick brown fox jumps over the lazy dog.';
var re = /quick/;
console.log(str.match(re)); // [ 'quick', index: 4, input: 'The quick brown fox jumps over the lazy dog.', groups: undefined ]

2. search() 方法

search() 方法与 indexOf() 方法类似，用于查找字符串中是否包含指定的子串。不同之处在于 search() 方法可以接受一个正则表达式作为参数。示例如下：

var str = 'The quick brown fox jumps over the lazy dog.';
var re = /brown/;
console.log(str.search(re)); // 10

3. replace() 方法

replace() 方法用于在字符串中替换子串。示例如下：

var str = 'hello world';
console.log(str.replace('world', ''));

var str2 = 'The quick brown fox jumps over the lazy dog.';
var re = /quick/;
console.log(str2.replace(re, 'slow'));

4. split() 方法

split() 方法用于把字符串分割成一个数组。示例如下：

var str = 'hello world';
console.log(str.split(' ')); // [ 'hello', 'world' ]

var str2 = 'The quick brown fox jumps over the lazy dog.';
console.log(str2.split(' ')); // [ 'The', 'quick', 'brown', 'fox', 'jumps', 'over', 'the', 'lazy', 'dog.' ]

ES6 新增方法

1. startsWith() 方法

startsWith() 方法用于判断字符串是否以指定的子串开头。示例如下：

var str = 'hello world';
console.log(str.startsWith('hello')); // true
console.log(str.startsWith('world')); // false

2. endsWith() 方法

endsWith() 方法用于判断字符串是否以指定的子串结尾。示例如下：

var str = 'hello world';
console.log(str.endsWith('world')); // true
console.log(str.endsWith('hello')); // false

3. includes() 方法

includes() 方法用于判断字符串中是否包含指定的子串。示例如下：

var str = 'hello world';
console.log(str.includes('o')); // true
console.log(str.includes('javascript')); // false

4. repeat() 方法

repeat() 方法用于把字符串重复指定次数。示例如下：

var str = 'hello';
console.log(str.repeat(3)); // hellohellohello

示例说明

1. 示例一：使用 substr() 方法提取字符串。

var str = 'hello world';
console.log(str.substr(1, 4));  // ello

本示例使用 substr() 方法提取了字符串中从第 1 个位置开始的 4 个字符。

1. 示例二：使用 replace() 方法替换字符串。

var str = 'The quick brown fox jumps over the lazy dog.';
var re = /quick/;
console.log(str.replace(re, 'slow'));

本示例使用 replace() 方法把字符串中的 'quick' 替换为 'slow'，并返回替换后的字符串。