JavaScript字符串对象(string)基本用法示例

在前端开发中，字符串是比较常见的数据类型之一。JavaScript 中的字符串对象（String）提供了一系列方法，可以方便地进行字符串的处理和操作。本文将介绍 JavaScript 字符串对象的基本用法，并提供使用示例。

创建字符串

JavaScript 中创建字符串有两种方式：

1. 使用单引号或双引号创建字符串字面量，例如：

var str1 = 'hello world';
var str2 = "hello world";

1. 使用 String 构造函数创建字符串对象，例如：

var str3 = new String('hello world');

其中，第一种方式更为常用，因为它更加简洁明了。

字符串的一些属性

JavaScript 字符串对象具有以下属性：

• length：返回字符串的长度；
• constructor：返回用于创建字符串对象的构造函数。

例如：

var str = 'hello world';
console.log(str.length); // 11
console.log(str.constructor); // [Function: String]

字符串的一些方法

JavaScript 字符串对象提供了一系列方法，包括但不限于以下内容。

查找字符串

• indexOf(str, index)：返回字符串中第一个匹配子串的位置，如果没有找到，则返回 -1。可以通过第二个参数指定开始查找的位置；
• lastIndexOf(str, index)：返回字符串中最后一个匹配子串的位置，如果没有找到，则返回 -1。可以通过第二个参数指定开始查找的位置；
• search(regexp)：返回字符串中第一个匹配正则表达式的位置，如果没有找到，则返回 -1。

例如：

var str = 'hello world';
console.log(str.indexOf('o')); // 4
console.log(str.lastIndexOf('o')); // 7
console.log(str.search(/l+/)); // 2

提取子串

• slice(start, end)：提取字符串中指定的部分，并返回新的字符串。可以通过 start 和 end 参数分别指定提取的起始位置和结束位置。如果省略 end 参数，则提取到字符串的末尾；
• substring(start, end)：与 slice 方法类似，但是不支持负数参数；
• substr(start, length)：与 slice 方法类似，但是第二个参数指定的是提取的长度。

例如：

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

替换字符串

• replace(regexp|substr, newSubStr|function)：替换字符串中正则表达式或子字符串的匹配项，并返回新的字符串。

例如：

var str = 'hello world';
console.log(str.replace('world', 'JavaScript')); // "hello JavaScript"
console.log(str.replace(/l+/g, 'x')); // "hexo worxd"

转换大小写

• toLowerCase()：将字符串转换为小写字母；
• toUpperCase()：将字符串转换为大写字母。

例如：

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

总结

JavaScript 字符串对象提供了丰富的方法，可以方便地进行字符串的处理和操作。掌握这些方法不仅有助于提升开发效率，还能让代码更加简洁明了。在实际开发中，我们应该根据具体情况选择合适的方法，并结合正则表达式等工具来完成复杂的字符串处理任务。

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