版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_41012753/article/details/78893550
引言
在js中字符串截取函数有常用的三个slice()、substring()、substr()函数，同时还有一些方法如split() 、Join() 、indexOf()可以对字符串进行操作，来获得截取我们想要的字符串。
语法
取字符串的三个函数：
slice(start,[end])substring(start,[end])substr(start,[length])slice()
第一个参数代表开始位置，第二个参数代表结束位置的下一个位置，截取出来的字符串的长度为第二个参数与第一个参数之间的差；
若参数值为负数，则将该值加上字符串长度后转为正值；
若第一个参数等于大于第二个参数，则返回空字符串。
substring()
第一个参数表示开始位置，第二个参数代表结束位置的下一个位置；
若参数值为负数，则将该值转为0；
两个参数中，取较小值作为开始位置，截取出来的字符串的长度为较大值与较小值之间的差。
substr()
第一个参数代表开始位置，第二个参数代表截取的长度
若参数为负数，第一个按倒叙查，若超出字符串长度，则输出整个字符串。第二个参数视为0。
PS：字符串都是从0开始计起。
示例
var stmp = "rcinn.cn";
//使用一个参数
console.log("demoStringSlice");
console.log(stmp.slice(3),"nn.cn")
console.log(stmp.substring(3),"nn.cn");
//使用两个参数
console.log(stmp.slice(1,5),"cinn")
console.log(stmp.substring(1,5),"cinn");
//如果只用一个参数并且为0的话，那么返回整个参数
console.log(stmp.slice(0),"rcinn.cn");
console.log(stmp.substring(0),"rcinn.cn");
//返回第一个字符
console.log(stmp.slice(0,1),"r");
console.log(stmp.substring(0,1),"r");
//在上面的例子中我们可以看出slice()和substring()的用法是相同的
//返回的值也是一样的，但当参数为负数时，他们的返回值却不一样，看下面的例子
console.log(stmp.slice(2,-5),"i");
console.log(stmp.substring(2,-5),"rc");
//从上面两个例子可以看出slice(2,-5)实际上是slice(2,3)
//负5加上字符串长度8转换成正3(若第一位数字等于或大于第二位数字,则返回空字符串);
//而substring(2,-5)实际上是substring(2,0),负数转换为0,substring总是把较小的数作为起始位置。
console.log(stmp.substring(1,5),"cinn")
console.log(stmp.substr(1,5),"cinn.");the different of substring and substr
var str = "0123456789";//
console.log("the different of substring and substr");
console.log(str.substring(0),"0123456789");//------------"0123456789"
console.log(str.substring(5),"56789");//------------"56789"
console.log(str.substring(10),"");//-----------""
console.log(str.substring(12),"");//-----------""
console.log(str.substring(-5),"0123456789");//-----------"0123456789"
console.log(str.substring(-10),"0123456789");//----------"0123456789"
console.log(str.substring(-12),"0123456789");//----------"0123456789"
console.log(str.substring(0,5),"01234");//----------"01234"
console.log(str.substring(0,10),"0123456789");//---------"0123456789"
console.log(str.substring(0,12),"0123456789");//---------"0123456789"
console.log(str.substring(2,0),"01");//----------"01"
console.log(str.substring(2,2),"");//----------""
console.log(str.substring(2,5),"234");//----------"234"
console.log(str.substring(2,12),"23456789");//---------"23456789"
console.log(str.substring(2,-2),"01");//---------"01"
console.log(str.substring(-1,5),"01234");//---------"01234"
console.log(str.substring(-1,-5),"");//--------""
console.log(str.substr(0),"0123456789");//---------------"0123456789"
console.log(str.substr(5),"56789");//---------------"56789"
console.log(str.substr(10),"");//--------------""
console.log(str.substr(12),"");//--------------""
console.log(str.substr(-5),"56789");//--------------"0123456789"
console.log(str.substr(-10),"0123456789");//-------------"0123456789"
console.log(str.substr(-12),"0123456789");//-------------"0123456789"
console.log(str.substr(0,5),"01234");//-------------"01234"
console.log(str.substr(0,10),"0123456789");//------------"0123456789"
console.log(str.substr(0,12),"0123456789");//------------"0123456789"
console.log(str.substr(2,0),"");//-------------""
console.log(str.substr(2,2),"23");//-------------"23"
console.log(str.substr(2,5),"23456");//-------------"23456"
console.log(str.substr(2,12),"23456789");//------------"23456789"
console.log(str.substr(2,-2),"");//------------""
console.log(str.substr(-1,5),'9');//------------"01234"
console.log(str.substr(-1,-5),"");//-----------"" split()
功能：使用一个指定的分隔符把一个字符串分割存储到数组
语法
stringObject.split(separator,limit)separator 必需。分隔符，从该参数指定的地方分隔stringObject。
limit 可选参数。分隔的次数，如设置该参数，返回的子串不会多余这个参数指定的数组，如果无此参数为不限制次数
注意
如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
将字符串分割为字符
document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));运行结果
w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i加上limit只会切割成符合条件的数组，余后的字符会被删除掉
var oStr="jpg|bmp|gif|ico|png";
var arr=oStr.split("|");
console.log(arr);arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组
Join()
功能：使用自己选择的分隔符将一个数组合合并为一个字符串
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
console.log(portableList);
indexOf()
功能：返回某个指定的字符串值在字符串中首次出现的位置。
语法
stringObject.indexOf(substring, startpos)substring 必需。规定需检索的字符串值。
startpos 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是0到stringObject.length-1。如省略改参数，则将从字符串的首字符开始检索
如果要检索的字符串值没有出现，则该方法返回 -1。
var myString="JavaScript"
var oNum1=myString.indexOf("v");
var oNum2=myString.indexOf("S");
var oNum3=myString.indexOf("Script");
var oNum4=myString.indexOf("key");
console.log(oNum1,oNum2,oNum3,oNum4);