js中substr,substring,indexOf,lastIndexOf的用法小结

第一组：str.substr(start,length) 和 str.substring(start,end)

　　定义：　str.substr(start,length)
　　　　　　substr(start,length)表示从start位置开始，截取length长度的字符串。

　　　　　　var src="data:images/off_1.png";
　　　　　　alert(src.substr(3,7));

　　　　　　弹出值为：ges/off

　　　　　　str.substring(start,end)
　　　　　　substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。

　　　　　　var src="data:images/off_1.png";
　　　　　　alert(src.substring(3,7));

　　　　　　弹出值为：off

　　相同：1.目标字符串挂在前面；

　　　　　2.第一个参数都是内容元素的下标值（我一般理解为索引值）。

　　区别：主要区别在第二个参数上，

　　　　　　str.substr（start,length）表示，在 str 的字符串中，从第 start 个位置起，取 length 个字符长度；

　　　　　　str.substring(start,end) 表示，在 str 的字符串中，从第 start 个位置起，取到第 end 个位置，且不包括第 end 个字符；

第二组：str.indexOf() 和 str.lastIndexOf()

　　定义：　str.indexOf()
　　　　　　indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置（从左向右）。没有匹配的则返回-1，否则返回首次出现位置的字符串的下标值。

　　　　　　var src="data:images/off_1.png";
　　　　　　alert(src.indexOf('t'));
　　　　　　alert(src.indexOf('i'));
　　　　　　alert(src.indexOf('g'));

　　　　　　弹出值依次为：-1,0,3

　　　　　　str.lastIndexOf()
　　　　　　lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值（与indexOf相反）

　　　　　　var src="data:images/off_1.png";
　　　　　　alert(src.lastIndexOf('/'));
　　　　　　alert(src.lastIndexOf('g'));

　　　　　　弹出值依次为：6,15

　　相同：1.目标字符串挂在前面；

　　　　　2.返回的都是所选元素在字符串中的 下标值；

　　区别：当选择的元素在字符串中只有一个的返回值是一样的，但是当不止一个的时候，才会有区别，及 indexOf() 是从左至右， lastIndexOf() 是从右至左；

　　　　　　var src="Hello World";

　　　　　　alert(src.indexOf('H'));

　　　　　　alert(src.lastIndexOf('H'));

　　　　　　alert(src.indexOf('l'));

　　　　　　alert(src.lastIndexOf('l'));

　　　　　　弹出值依次为：0,0,2,9