js 字符串操作函数

下面是针对“js字符串操作函数”的详细攻略。

常用字符串操作函数

1.字符串长度

JavaScript中获取字符串长度的方式是通过字符串对象的length属性来实现的。

const str = "hello world";
console.log(str.length); // 11

2.字符串查找

在JavaScript中，字符串对象有三种查找字符串的方法，分别是indexOf()、lastIndexOf()和search()。

indexOf()

该函数用于查找某个指定的字符串在另一个字符串中出现的位置，如果找到了则返回该字符串第一次出现的索引值，如果没有找到则返回-1。

const str = "hello world";
console.log(str.indexOf('o')); // 4
console.log(str.indexOf('world')); // 6
console.log(str.indexOf('123')); // -1

lastIndexOf()

该函数用于查找某个指定的字符串在另一个字符串中最后一次出现的位置，如果找到了则返回该字符串最后一次出现的索引值，如果没有找到则返回-1。

const str = "hello world world world";
console.log(str.lastIndexOf('o')); // 18
console.log(str.lastIndexOf('world')); // 18
console.log(str.lastIndexOf('123')); // -1

search()

该函数用于通过正则表达式查找字符串中匹配的子字符串，如果找到则返回该字符串第一次出现的索引值，如果没有找到则返回-1。与indexOf()方法相比，search()方法的查找可以使用正则表达式。

const regexp = /world/gi;
const str = "hello world World WORLD";
console.log(str.search(regexp)); // 6

3.截取字符串

JavaScript中有三种截取字符串的方法：slice()、substring()和substr()。

slice()

该方法返回一个新的字符串，包含从开始到结束（不包括结束）的所有字符。如果省略end参数，则表示将一直截取到字符串末尾。

const str = "hello world";
console.log(str.slice(0, 5)); // "hello"
console.log(str.slice(-5)); // "world"
console.log(str.slice(3)); // "lo world"

substring()

该方法返回一个新的字符串，包含从开始到结束（不包括结束）的所有字符。与slice()方法不同的是，如果start参数大于end参数，则substring()方法会自动交换两个参数的位置。

const str = "hello world";
console.log(str.substring(0, 5)); // "hello"
console.log(str.substring(0, -2)); // "hello wor"
console.log(str.substring(3)); // "lo world"

substr()

该方法返回一个新的字符串，从指定位置开始，提取指定长度的字符。

const str = "hello world";
console.log(str.substr(0, 5)); // "hello"
console.log(str.substr(-5, 2)); // "wo"
console.log(str.substr(3)); // "lo world"

总结

以上是一些常用的js字符串操作函数，掌握它们可以帮助我们更好地处理字符串数据。需要注意的是，这些字符串操作函数返回的都是一个新的字符串，而不是修改原来的字符串。另外，要注意不同函数之间的差异和适用条件，以便更好地使用它们。