js中substr,substring,indexOf,lastIndexOf，split，replace的用

JavaScript字符串方法详解：substr、substring、indexOf、lastIndexOf、split与replace

在JavaScript中，处理字符串是非常常见的任务。为了更有效地完成这些任务，JavaScript提供了一系列强大的字符串方法。本文将详细介绍这些方法的用法，包括substr、substring、indexOf、lastIndexOf、split和replace。

一、indexOf和lastIndexOf

1. indexOf方法：此方法返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到该字符串，则返回-1。

2. lastIndexOf方法：此方法返回一个指定的字符串值最后出现的位置。搜索过程从字符串的末尾向前进行。

示例：

```javascript

let str = "images/off_1.png";

console.log(strdexOf('off')); // 输出数字，表示子字符串首次出现的位置

console.log(str.lastIndexOf('g')); // 输出数字，表示子字符串最后一次出现的位置

```

二、substr和substring

1. substr方法：此方法从起始位置提取字符串的一部分，直到指定长度的字符数。

2. substring方法：此方法从起始位置提取字符串的一部分，直到结束位置的前一个字符。注意，结束位置的字符不会被包括在内。

示例：

```javascript

let str = "images/off_1.png";

console.log(str.substr(7, 3)); // 输出 "off"

console.log(str.substring(7, 10)); // 输出 "off"

```

三、split

split方法将一个字符串分割为子字符串数组，然后返回这个数组。您可以使用任何字符作为分隔符来分割字符串。如果没有指定分隔符，则返回整个字符串作为数组的唯一元素。

示例：

```javascript

function SplitDemo(){

let s = "The rain in Spain falls mainly in the plain.";

let ss = s.split(" "); // 使用空格作为分隔符分割字符串

return ss; // 返回分割后的数组

}

```

四、replace

replace方法用于替换字符串中的某些字符或子串。您可以使用普通的字符串或正则表达式作为搜索模式。如果没有找到匹配项，则原字符串保持不变。如果找到匹配项，则用提供的替换文本替换匹配项。如果替换文本也是一个函数，则该函数将在每次找到匹配项时被调用，并且可以用函数的返回值来替换匹配项。

示例：

```javascript

let str = "The rain in Spain falls mainly in the plain.";

let newStr = str.replace("rain", "shine"); // 将"rain"替换为"shine"

console.log(newStr); // 输出新的字符串

```

本文介绍了JavaScript中substr、substring、indexOf、lastIndexOf、split和replace的用法。希望这些介绍能帮助您更好地理解和使用这些强大的字符串方法。