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

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

　　定義：　str.substr(start,length)
　　　　　　substr(start,length)表示從start位置開始，截取length長度的字符串。

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

　　　　　　彈出值為：ges/off
 

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

　　　　　　var src="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="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="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