JavaScript 中的字符串处理函数详解

字符串是 Javascript 中不可或缺的数据类型之一。在前端开发中，经常需要对字符串进行处理、分割、截取等操作。Javascript 提供了多种字符串处理函数，本文深入探讨这些函数的使用场景和详细用法。

charAt() 和 charCodeAt()

charAt() 函数用于返回指定位置的字符，返回值为字符串。在 Javascript 中，字符串的下标从 0 开始。如果指定位置不存在，则返回空字符串。

let str = 'hello';
console.log(str.charAt(1)); // e
console.log(str.charAt(10)); // ''

charCodeAt() 函数返回指定位置字符的 Unicode 编码值。Unicode 是一种标准化的字符集，使得世界上的所有字符都能用唯一的数字编码表示。如果指定位置不存在，则返回 NaN。

let str = 'hello';
console.log(str.charCodeAt(1)); // 101
console.log(str.charCodeAt(10)); // NaN

substr() 和 substring()

这两个函数都用于截取字符串。substr() 函数用于从指定位置开始截取指定长度的子字符串，返回值为字符串。如果省略了长度参数，则截取到字符串末尾。如果起始位置为负数，则从字符串末尾开始算起。

let str = 'hello';
console.log(str.substr(1, 2)); // el
console.log(str.substr(1)); // ello
console.log(str.substr(-2)); // lo

substring() 函数用于从指定位置开始截取到指定位置结束的子字符串，返回值为字符串。如果省略了第二个参数，则截取到字符串末尾。如果任意一个参数为负数，则将其转换为 0。

let str = 'hello';
console.log(str.substring(1, 3)); // el
console.log(str.substring(1)); // ello
console.log(str.substring(-2)); // hello

需要注意的是，substr() 函数在 ES5 中被废弃，推荐使用 slice() 函数。

slice()

slice() 函数用于从指定位置开始截取到指定位置结束的子字符串，返回值为字符串。如果省略了第二个参数，则截取到字符串末尾。如果任意一个参数为负数，则从字符串末尾开始算起。

let str = 'hello';
console.log(str.slice(1, 3)); // el
console.log(str.slice(1)); // ello
console.log(str.slice(-2)); // lo

split()

split() 函数用于将字符串根据指定的分隔符分割成数组，返回值为数组。如果省略分隔符，则返回整个字符串作为数组的唯一元素。

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

replace()

replace() 函数用于将字符串中指定的子串替换成指定的字符串，返回值为替换后的字符串。如果指定的子串存在多个，只会替换第一个出现的子串。

let str = 'hello,world';
console.log(str.replace(',', '-')); // hello-world

replace() 函数还可以接收一个正则表达式作为第一个参数，用于批量替换子串。

let str = 'hello,world';
console.log(str.replace(/,/g, '-')); // hello-world

toUpperCase() 和 toLowerCase()

这两个函数分别用于将字符串转换成大写或小写字母格式，返回值为字符串。

let str = 'hElLo';
console.log(str.toUpperCase()); // HELLO
console.log(str.toLowerCase()); // hello

trim()

trim() 函数用于去除字符串两端的空格，返回值为新的字符串。

let str = '  hello  ';
console.log(str.trim()); // hello

补充：模板字符串

在 ES6 中，Javascript 引入了模板字符串，可以更方便的进行字符串拼接和变量插值。

用反引号（`）包裹字符串，用 ${} 插入表达式：

let name = 'Alice';
let age = 18;
console.log(`My name is ${name}, and I'm ${age} years old.`); // My name is Alice, and I'm 18 years old.

总结

本文介绍了 Javascript 中的常用字符串处理函数，包括 charAt()、charCodeAt()、substr()、substring()、slice()、split()、replace()、toUpperCase()、toLowerCase()、trim()。掌握这些函数的用法，能够更方便地对字符串进行处理，提高代码的效率和可读性。同时，还介绍了 ES6 中的模板字符串，希望读者能够深入了解并应用到实际开发中。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e32459f6b2d6eab3e85457