js高级程序设计,字符串(部分)方法,总结:

1.字符串的位置方法

indexOf()和lastIndexOf()方法这两个方法可以用来查找字符串中某个元素的位置

indexOf() lastIndexOf()
用于搜索指定的字符在字符串的首次出现的位置 用于搜索指定的字符在字符串中的最后一次出现的位置
可以接受两个参数:参数1是指定的元素, 参数2是从字符串的开头进行搜索的开始的位置 可以接受两个参数:*参数1是指定的元素, 参数2是从字符串的末尾进行搜索开始的位置
const str = "i am a boy";
const startPosition = str.indexOf("a");
console.log(startPosition);  //  "2",索引位置从0开始

const endPosition = str.lastIndexOf("a");
console.log(endPosition);  //  "5",索引位置从0开始,查找的是字符串中最后一个元素a的位置
2.字符串的trim()方法

该方法是用来删除字符串的首位空格,一直删除到第一个和最后一个不为空格的元素为止。一般可用在输入框的字符串校验中,它会返回一个删除后的字符串副本,对原始字符串不会有影响

const str = "    i am a student    ";
const afiterTrim = str.trim();
console.log(str);  // "    i am a student    ",返回的是原始字符串,trim()对它没影响
console.log(afterTrim);  // "i am a student",返回的是一个字符串副本,删除了左右空格

此外还支持两种方法,分别是trimLeft()和trimRight()方法。

const str = "    i am a student    ";
const leftTrim = str.leftTrim();
console.log(leftTrim);  // "i am a student    ",删除了左边的空格
const rightTrim = str.rightTrim();
console.log(rightTrim);  // "    i am a student",删除了右边的空格
3.字符串的match()方法

这个方法和之前总结的exec()方法在本质上是相同的,都是返回匹配到的字符串所组成的数组,如果匹配不到则返回null。数组的第一项是匹配到的整个模式的字符串,之后的每一项保存的都是与正则表达式捕获组所匹配到的字符串。它仅仅接受一个参数,可以是字符串或者正则表达式对象,也可以是正则表达式,一般使用的最多的是正则表达式。当然对于参数是用全局标识符g进行搜索时,则不会有index属性和input属性。我还看到有一个input属性,它代表的是对原始字符串的引用,index则是匹配到的字符串在原始字符串中的第一个的索引位置。

const str = "cat, bat, dog";
const matchValue = str.match(/at/);
console.log(matchValue.index);  // 1,对这个字符串匹配到的索引位置,从前往后索引
console.log(matchValue.lastIndex);  // 1,对这个字符串匹配到的索引位置,从后往前索引
console.log(matchValue[0]);  // "cat",这是数组的第一项,匹配到的是与整个模式匹配的字符串
今天先搞到着,后续的search()和几个少见的方法,明天会继续总结!

你可能感兴趣的:(js高级程序设计,字符串(部分)方法,总结:)