首頁 > web前端 > js教程 > JavaScript中三個截取字串函數用法和區別比較實例詳解

JavaScript中三個截取字串函數用法和區別比較實例詳解

伊谢尔伦
發布: 2017-07-25 11:40:14
原創
1427 人瀏覽過

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

// slice 
// 语法: string.slice(start [, stop])
"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 )參數。

但他們在一些重要的方面有所不同:
1.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
登入後複製

2.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));
登入後複製

3.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"
登入後複製


#

以上是JavaScript中三個截取字串函數用法和區別比較實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板