3種js實(shí)現(xiàn)string的substring方法
更新時(shí)間：2015年11月09日 16:11:26 作者：草根程序猿
這篇文章主要介紹了3種javascript實(shí)現(xiàn)string的substring方法，需要的朋友可以參考下
最近遇到一個(gè)題目，“如何利用javascript實(shí)現(xiàn)string的substring方法？”我目前想到的有以下三種方案：
方法一：用charAt取出截取部分：
String.prototype.mysubstring=function(beginIndex,endIndex){
var str=this,
newArr=[];
if(!endIndex){
endIndex=str.length;
}
for(var i=beginIndex;i<endIndex;i++){
newArr.push(str.charAt(i));
}
return newArr.join("");
}
//test
"Hello world!".mysubstring(3);//"lo world!"
"Hello world!".mysubstring(3,7);//"lo w"
方法二：把字符串轉(zhuǎn)換成數(shù)組然后取出需要部分：
String.prototype.mysubstring=function(beginIndex,endIndex){
var str=this,
strArr=str.split("");
if(!endIndex){
endIndex=str.length;
}
return strArr.slice(beginIndex,endIndex).join("");
}
//test
console.log("Hello world!".mysubstring(3));//"lo world!"
console.log("Hello world!".mysubstring(3,7));//"lo w"
方法三：取出頭尾部分，然后用replace去掉多余部分，適用于beginIndex較小，字符串長(zhǎng)度-endIndex較小的情況：
String.prototype.mysubstring=function(beginIndex,endIndex){
var str=this,
beginArr=[],
endArr=[];
if(!endIndex){
endIndex=str.length;
}
for(var i=0;i<beginIndex;i++){
beginArr.push(str.charAt(i));
}
for(var i=endIndex;i<str.length;i++){
endArr.push(str.charAt(i));
}
return str.replace(beginArr.join(""),"").replace(endArr.join(""),"");
}
//test
console.log("Hello world!".mysubstring(3));//"lo world!"
console.log("Hello world!".mysubstring(3,7));//"lo w"
以上3種js實(shí)現(xiàn)string的substring方法大家都可以嘗試一下，比較一下哪種方法更方便，希望本文對(duì)大家的學(xué)習(xí)有所幫助。
您可能感興趣的文章:
- 深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
- javascript中substring()、substr()、slice()的區(qū)別
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- js中substring和substr的定義和用法
- JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較
- Js中的substring,substr與C#中的Substring比較
- js中substr,substring,indexOf,lastIndexOf的用法小結(jié)
- JS中substring與substr的用法
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈幕效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動(dòng)提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對(duì)你有所幫助2013-04-04
js實(shí)現(xiàn)三張圖（文）片一起切換的banner焦點(diǎn)圖
這篇文章主要介紹了js實(shí)現(xiàn)三張圖（文）片一起切換的banner焦點(diǎn)圖，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
es6函數(shù)name屬性功能與用法實(shí)例分析
這篇文章主要介紹了es6函數(shù)name屬性,結(jié)合實(shí)例形式分析了es6函數(shù)name屬性基本原理、功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
c#和Javascript操作同一json對(duì)象的實(shí)現(xiàn)代碼
剛開始學(xué)Javascript，接觸到j(luò)son對(duì)象，json可以看作是用于客戶端數(shù)據(jù)實(shí)體對(duì)象的載體。json對(duì)象一般都是通過ajax方式傳送給服務(wù)層2012-01-01
詳解JS中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包
這篇文章主要為大家詳細(xì)介紹了JavaScript中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-01-01
現(xiàn)在微博都有一個(gè)不錯(cuò)的效果就是會(huì)實(shí)時(shí)的動(dòng)態(tài)滾動(dòng)并顯示最新的信息了，下面我來給大家介紹仿新浪微博大廳首頁滾動(dòng)效果,希望此方法對(duì)大家會(huì)有幫助。2015-10-10
圖片連續(xù)不間斷滾動(dòng)像冊(cè)...2007-01-01
這篇文章主要針對(duì)javascript模塊化為大家進(jìn)行簡(jiǎn)單解析，如何寫一個(gè)模塊，在頁面中加載模塊的方法，感興趣的小伙伴們可以參考一下2016-04-04
JS實(shí)現(xiàn)帶緩沖效果打開、關(guān)閉、移動(dòng)一個(gè)層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)帶緩沖效果打開、關(guān)閉、移動(dòng)一個(gè)層的方法,涉及javascript鼠標(biāo)事件及頁面元素操作技巧,需要的朋友可以參考下2015-05-05