JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較

夢(mèng)想成為的樣子 2017-05-26

展開(kāi)全文

在JavaScript中,提取子字符串主要是通過(guò) Slice、Substring、Substr 三個(gè)方法之一。

代碼如下:

// slice
// 語(yǔ)法: string.slice(start [, stop])
"Good news, everyone!".slice(5,9);
// 'news'

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

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

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

但他們?cè)谝恍┲匾姆矫嬗兴煌?br>1.substr()方法從指定位置，提取指定數(shù)量的字符。
param： start 開(kāi)始提取字符的位置索引，length 提取字符的數(shù)量長(zhǎng)度。
return：一個(gè)新的字符串。從 start 處開(kāi)始的 length 個(gè)字符。
在不同瀏覽器有不一致的表現(xiàn)，現(xiàn)代瀏覽器允許 start 索引參數(shù)為負(fù)數(shù)，來(lái)表示從字符串結(jié)尾處開(kāi)始，提取字符的數(shù)量。但是在ie8及以下版本瀏覽器 start索引參數(shù) 最小從0開(kāi)始計(jì)算。【 substr 為Web瀏覽器附加的ECMAScript特性，不建議使用時(shí) start 索引為負(fù)值】

復(fù)制代碼代碼如下:

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() 方法用于提取字符串一個(gè)index索引至另一個(gè)之間的子集，或是直到字符串的結(jié)束。
param： indexA, indexB 兩個(gè)參數(shù)取值范圍為一個(gè)0 至字符串長(zhǎng)度之間的整數(shù)。
return：返回一個(gè)新的字符串，從小的索引開(kāi)始到大的索引之間，包括小的索引位置字符，不包括大的索引位置字符。
substring 的參數(shù)是可反轉(zhuǎn)的，它總是使用小的的參數(shù)值作為開(kāi)始，大的參數(shù)值作為結(jié)束。如果參數(shù)是小于0或NaN，它被看作是0，如果參數(shù)大于字符串的長(zhǎng)度，被視為字符串的長(zhǎng)度值.

復(fù)制代碼代碼如下:

// 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開(kāi)始提取字符的位置索引，可以為負(fù)，如果為負(fù)值被視為(sourceLength-beginSlice)，sourceLength是字符串的長(zhǎng)度，即：從字符串的尾部開(kāi)始算起的位置endSlice 結(jié)束提取的字符的位置索引。如果省略，提取到結(jié)束。如果為負(fù)值被視為(sourceLength-endSlice)。
return：返回一個(gè)新的字符串，從 start 開(kāi)始（包括 start）到 end 結(jié)束（不包括 end）為止的所有字符。
參數(shù)都可以為負(fù)，如果索引是負(fù)的，則從字符串的尾部開(kāi)始算起。

復(fù)制代碼代碼如下:

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"

如對(duì)本文有疑問(wèn)，請(qǐng)?zhí)峤坏浇涣魃鐓^(qū)，廣大熱心網(wǎng)友會(huì)為你解答?。? 點(diǎn)擊進(jìn)入社區(qū)

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：夢(mèng)想成為的樣子 > 《JS》

舉報(bào)/認(rèn)領(lǐng)