JavaScript中,提取子字符串方法:Slice、Substring、Substr的比較。

　　在JavaScript中,提取子字符串主要是經過 Slice、Substring、Substr 三個方法之一。　

// slice 
// 語法: string.slice(beginSlice [, endSlice])

"Good news, everyone!".slice(5, 9); 
// 'news'

// substring 
// 語法: string.substring(indexA [, indexB])
"Good news, everyone!".substring(5, 9); 
// 'news'

// substr
// 語法: string.substr(start [, length])
"Good news, everyone!".substr(5, 4); 
// 'news'

　　在三個方法之中輸入一個  start 的索引參數，和一個可選的 end 索引（ 或 length ）參數。

　　但他們在一些重要的方面有所不一樣：

• substr()方法從指定位置，提取指定數量的字符。

　　　param： start 開始提取字符的位置索引，length 提取字符的數量長度。

　　　return： 一個新的字符串。 從 start 處開始的 length 個字符。

　　　在不一樣瀏覽器有不一致的表現，現代瀏覽器容許 start 索引參數爲負數，來表示從字符串結尾處開始，提取字符的數量。可是在ie8及如下版本瀏覽器 start索引參數 最小從0開始計算。【 substr 爲Web瀏覽器附加的ECMAScript特性，不建議使用時 start 索引爲負值】

var str = "abcdefghij";

console.log("(1): "      + str.substr(1));     // (1): bcdefghij
console.log("(1,2): "    + str.substr(1,2));   // (1,2): bc

console.log("(-3): "     + str.substr(-3));    // (-3): hij
console.log("(-3,2): "   + str.substr(-3,2));  // (-3,2): hi

console.log("(20, 2): "  + str.substr(20,2));  // (20, 2):
console.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab



// ie8及如下
console.log("(-3): " + str.substr(-2)); // (-20, 2): hij
console.log("(-3, 2): " + str.substr(-2)); // (-20, 2): ab

 

• substring() 方法用於提取字符串 一個index索引至另外一個之間的子集， 或是直到字符串的結束。

　　  param： indexA, indexB 兩個參數取值範圍爲一個0 至 字符串長度之間的整數。

　　  return： 返回一個新的字符串， 從小的索引開始 到 大的索引之間，包括小的索引位置字符，不包括大的索引位置字符。

　　  substring 的參數是可反轉的，它老是使用小的的參數值做爲開始，大的參數值做爲結束。 若是參數是小於0或NaN，它被看做是0，若是參數大於字符串的長度，被視爲字符串的長度值.

// assumes a print function is defined
var anyString = "Mozilla";

// Displays "Moz"
console.log(anyString.substring(0,3));
console.log(anyString.substring(3,0));

// Displays "lla"
console.log(anyString.substring(4,7));
console.log(anyString.substring(7,4));

// Displays "Mozill"
console.log(anyString.substring(0,6));

// Displays "Mozilla"
console.log(anyString.substring(0,7));
console.log(anyString.substring(0,10));

• slice 提取字符串的一部分。

　　 param： beginSlice開始提取字符的位置索引，能夠爲負，若是爲負值被視爲(sourceLength-beginSlice)，sourceLength是字符串的長度，即：從字符串的尾部開始算起的位置

　　　　　　　 endSlice 結束提取的字符的位置索引。若是省略，提取到結束。若是爲負值被視爲(sourceLength-endSlice)。

　　  return： 返回一個新的字符串，從 start 開始（包括 start）到 end 結束（不包括 end）爲止的全部字符。

　　  參數均可覺得負，若是索引是負的，則從字符串的尾部開始算起。

var str1 = "The morning is upon us.";
console.log(str1.slice(4, -2));   //  morning is upon u

var str = "The morning is upon us.";
str.slice(-3);     // "us."
str.slice(-3, -1); // "us"
str.slice(0, -1);  // "The morning is upon us"