JS截取字符串常用方法详细整理

JS截取字符串常用方法详细整理

用js截取字符串的集中方法，我就以最简洁的方式，呈现用法，不涉及原理。

一、split()： 将字符串截取，返回值是数组。

例：

var str = "a|b|c|d";
var demo = str.split("|");
console.log(demo);//  ["a", "b", "c", "d"]

二、join()： 将数组截取，返回值是字符串。

例：

var  arr = ["a", "b", "c" ,"d"];
var  str = arr.join(",");
console.log(str); // "a,b,c,d"

三、substring() 和substr()： 字符串的截取。

例：

// substring的用法: 
// substring的参数为 star, end  指的是字符串的的下标，但是包含star不包含end。
//      如果 start 与 end 相等，那么该方法返回的就是一个空串（即长度为 0 的字串）。
//      如果 start 比 end 大，那么该方法在提取子串之前会先交换这两个参数。
//      如果 start 或 end 为负数，那么它将被替换为 0。
var str = "李阿姨买了一个苹果";
var str1 = str.substring(0, 3);
console.log(str1); // 李阿姨

// substr的用法:
// substr的参数为 star， length  值的是从star的下标开始，截取length的长度，length可以省略
// 注意: 如果length为0和负数，那么返回的为空字符串；
//      如果length不写，就是从star开始，，一直到最后；
var str = "李阿姨买了一个苹果";
var str2 = str.substr(0, 3);
console.log(str2); // 李阿姨   

四、indexOf()： 返回某个指定的字符串值在字符串中首次出现的位置。

例：

var str = "abcdefg";
var str1 = str.indexOf("c");
console.log(str1);  // 2
var str="Hello world!"
console.log(str.indexOf("Hello")); // 0
console.log(str.indexOf("World")); // -1
console.log(str.indexOf("w")); // 6
// 注意第二个参数
console.log(str.indexOf("w", 7)); // -1

★: indexOf() 的参数有两个:  currentStr 和 formNum ;

     currentStr : 是指你要检索的字符串;

     formNum  : 是指你要从哪个下标开始，可以不写，默认的是从0开始.

五、charAt()： 返回指定位置的字符。

例：

var str = "abcdefg";
var str1 = str.charAt(3);
console.log(str1); // d
// 如果参数取的值,,不在str的下标范围(0, str.length-1)内,,则返回空字符串.

六、lastIndexOf()： 返回一个指定的字符串值从后往前第一次出现的位置，(第二个参数的作用)是从一个字符串中的指定位置从后向前搜索。

例：

// 类似于indexOf()的用法
var str = "abcdefg";
var str1 = str.lastIndexOf("c");
console.log(str1);  // 2
var str="Hellow world!"
console.log(str.lastIndexOf("Hello")); // 0
console.log(str.lastIndexOf("World")); // -1
console.log(str.lastIndexOf("w")); // 7
// 注意第二个参数
console.log(str.lastIndexOf("w", 7)); // 7
console.log(str.lastIndexOf("w", 6)); // 5

 

该文章参考w3school，总结而来，希望对学js的小伙伴有帮助！