substr / substring 和 indexOf / lastIndexOf 等擷取字串用法

JavaScript 中使用 substr、substring、indexOf、lastIndexOf 等擷取字串方式。

substr

substr ( start , length ) 表示從 start 位置開始,擷取 length 長度的字串,數值從 0 開始算。
( 第二參數 length 可忽略,就會從 start 位置開始擷取到字串結束 )

1
2
var url="css/style.css";
console.log(url.substr(4,5));

得到值為:style

substring

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

1
2
var url="css/style.css";
console.log(url.substring(0,3));

得到值為:css

indexOF

indexOf() 方法返回某個指定的字串值在字串中首次出現的位置(從左向右)。沒有匹配的則返回 -1,否則返回首次出現位置的字串的下標值。

1
2
3
4
5
var url="css/style.css";
console.log(url.indexOf('X'));
console.log(url.indexOf('S'));
console.log(url.indexOf('y'));
console.log(url.indexOf('/'));

得到值依次為:-1、1、6、3

lastIndexOf

lastIndexOf() 方法返回從右向左出現某個字元或字串的首個字元索引值(與indexOf相反)

1
2
3
4
var url="css/style.css";
console.log(url.lastIndexOf('c'));
console.log(url.lastIndexOf('s'));
console.log(url.lastIndexOf('/'));

得到值依次為:10、12、3