3種js實現(xiàn)string的substring方法
更新時間：2015年11月09日 16:11:26 作者：草根程序猿
這篇文章主要介紹了3種javascript實現(xiàn)string的substring方法，需要的朋友可以參考下
最近遇到一個題目，“如何利用javascript實現(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較小，字符串長度-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實現(xiàn)string的substring方法大家都可以嘗試一下，比較一下哪種方法更方便，希望本文對大家的學(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實現(xiàn)彈幕效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實現(xiàn)代碼，希望對你有所幫助2013-04-04
js實現(xiàn)三張圖（文）片一起切換的banner焦點(diǎn)圖
這篇文章主要介紹了js實現(xiàn)三張圖（文）片一起切換的banner焦點(diǎn)圖，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了es6函數(shù)name屬性,結(jié)合實例形式分析了es6函數(shù)name屬性基本原理、功能、用法及操作注意事項,需要的朋友可以參考下2020-04-04
c#和Javascript操作同一json對象的實現(xiàn)代碼
剛開始學(xué)Javascript，接觸到j(luò)son對象，json可以看作是用于客戶端數(shù)據(jù)實體對象的載體。json對象一般都是通過ajax方式傳送給服務(wù)層2012-01-01
詳解JS中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包
這篇文章主要為大家詳細(xì)介紹了JavaScript中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-01-01
現(xiàn)在微博都有一個不錯的效果就是會實時的動態(tài)滾動并顯示最新的信息了，下面我來給大家介紹仿新浪微博大廳首頁滾動效果,希望此方法對大家會有幫助。2015-10-10
圖片連續(xù)不間斷滾動像冊...2007-01-01
這篇文章主要針對javascript模塊化為大家進(jìn)行簡單解析，如何寫一個模塊，在頁面中加載模塊的方法，感興趣的小伙伴們可以參考一下2016-04-04
JS實現(xiàn)帶緩沖效果打開、關(guān)閉、移動一個層的方法
這篇文章主要介紹了JS實現(xiàn)帶緩沖效果打開、關(guān)閉、移動一個層的方法,涉及javascript鼠標(biāo)事件及頁面元素操作技巧,需要的朋友可以參考下2015-05-05