自己實現string的substring方法人民幣小寫轉大寫，數字反轉，正規優化

首頁

web前端

js教程

自己實現string的substring方法人民幣小寫轉大寫，數字反轉，正規優化_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:50 PM

等級有限，不保證我的方案絕對正確，如有錯誤歡迎指出。

一、自己實作string的substring方法

方法一：用charAt取出截取部分

程式碼

 程式碼如下:

 
String.prototype.mysubstring=function(beginIndex,endIndex){ 
var str=this, 
newA. ; 
if(!endIndex){ 
endIndex=str.length; 
} 
for(var i=beginIndex;inewArr.push(str.charAt (i)); 
} 
return newArr.join(""); 
} 

//test 
"Hello world!".mysubstring(3);// "lo world!" 

"Hello world!".mysubstring(3,7);//"lo w"

方法二：把字串轉換成陣列然後取出需要部分

複製程式碼

 程式碼如下:

 
String.prototype. (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, 
bebeginArrm =[]; 
if(!endIndex){ 
endIndex=str.length; 
} 
for(var i=0;ibeginArr.push( str.charAt(i)); 
} 
for(var i=endIndex;iendArr.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" 

二、一兆以內的人民幣小寫轉大寫，暫不考慮連續零的處理
方法一(七行程式碼實作)：

複製程式碼

程式碼如下:

 
function moneyCaseConvert(num){ 
 ,"壹","貳","叁","肆","胡","陸","柒","捌","玖"], 
levelArr=["","拾" ,"佰","仟","萬","拾","佰","仟","億","拾","佰","仟","萬"], 
numArr =num.toString().split("").reverse(), 
result=[]; 
for(var i=numArr.length-1;i>=0;i--) 
result.push(upperArr[numArr[i]] levelArr[i]); 
return result.join(""); 
} 

//Test 
console.log(>
//Test 
console.log(>
//Test 
console.log(>
//Test 
console.log(>
//Test 

console.log(>
//Test console.log(>
//Test console.log(>
//Test

。 CaseConversion(1234567891234)); //壹萬贒仟叁佰肆拾伍億陸仟柒拾佰捌拾玖萬壹仟ase. ); //玖億捌仟柒佰陸拾伍萬肆仟叁佰贒拾壹console.log(CaseConversion(1234));🎜>拾肆

三、數位反轉，輸入123回傳321 

方法一： 

複製碼

程式碼如下: function numReverse(num){ return parseInt(num.toString().split("").reverse().join ("")); } //Test

console.log(numReverse(123456));

//654321 

二方法： 
方法： 
 
複製程式碼

複製程式碼

程式碼如下: function numReverse(num){ varm ().split(""), len=numArr.length, result=0; for(var i=len-1;i>=0;i--){ result =numArr[i]*Math.pow(10,i); } return result; } //Test console.log(numReverse(123456) ); //654321
四、JSONP原理，與Ajax的關係
　　JSONP原理是利用了script標籤動態解析JS的特性，透過動態加入<script>標籤來呼叫伺服器提供的js腳本，達到跨域呼叫的目地。關於JSONP更多資訊可以參考這篇文章：<A href="http://www.jb51.net/article/31167.htm" target=_blank>http://www.jb51.net/article/31167.htm。 　　JSONP與AJAX看起來有點像，目的也一樣，都是請求一個url，然後把伺服器傳回的資料處理，但JSONP與AJAX是兩個不同的東西，這兩者之間可以說沒什麼關係。 五、正規表示式最佳化 　　正規表示式的最佳化總的來說就是盡可能精確，減少回溯次數，具體來說主要是以下幾點： 1.如果你的正則工具支持，在不需要引用括號內文本的時候使用非捕獲型括號：(?:expression) 。 2.如果括號是非必須的，請不要加括號。 3.不要濫用字元數組，例如[.],請直接用. 。 4.使用錨點^ $ ，這會加速定位。 5.從兩次提取必須元素，如:x 寫成xx*，a{2,4}寫成aa{0,2}。 6.提取多選結構開頭的相同字符，如the|this 改成th(?:e|is)。（如果你的正規引擎不支援這麼使用就改成th(e|is)）；尤其是錨點，一定要獨立出來，這樣很多正則編譯器會根據錨點進行特別的優化: ^123|^abc改成^(?:123|abc)。同樣的$也盡量獨立出來。 7.多選結構後邊的一個表達式放入多選結構內，這樣能夠在匹配任何一個多選結構的時候在不退出多選結構的狀態下查看後一匹配，匹配失敗的更快。這種優化需要謹慎使用。 8.忽略優先配對和優先配對需要你視情況而定。如果你不確定，請使用配對優先，它的速度是比忽略優先快的。 9.拆分較大正規表示式成一個小的正規表示式，這是非常有利於提高效率的。 10.模擬錨點，使用適當的環視結構來預測適當的開始匹配位置，如匹配十二個月份，可以先預查首字符是否匹配：(?=JFMASOND)(?:Jan|Feb| …|Dec)。這種優化請根據實際情況使用，有時環視結構開銷可能更大。 　　註：以上幾點節選自<A href="http://www.jb51.net/article/31168.htm" target=_blank>http://www.jb51.net/article/31168.htm，非常好的一篇正規表示式最佳化文章，推薦有興趣的朋友看原文。 六、visibility:hidden與display:none 的區別 　　區別主要有三點： 　　1、空間區別主要有三點： 　　1、空間區別主要有三點： 　　1、空間區別佔據實體空間，而元素設定為display:none後面是不佔據空間的。 　　2、效能：visibility:hidden因為仍佔據實體空間，所以不會造成頁面的回流和重繪，所以效能較好，反之display:none會造成頁面回流和重繪。 　　3、繼承性：當父元素設定為display:none後所有子元素都會被引藏，不改變父元素可見性的情況下子元素沒有辦法顯示出來，如果父元素設定為visibility :hidden，所有子元素也會不可見，但如果給子元素設定為visibility:visible的話，子元素就可以重見天日了。 七、篇歷DOM樹<div class="codetitle"><a style="CURSOR: pointer" data="89225" class="copybut" id="copybut89225" onclick="doCopy('code89225')">方法一：用nextSibling和childNodes <div class="codebody" id="code89225"> > 程式碼如下: function traversalByNextSibling(obj){ var ch=obj.firstChild, result=[]; >result.push(ch.nodeName); if(ch.childNodes.length){ result.push.apply(result,traversalByNextSibling(ch)); } }while(ch =ch.nextSibling); return result; } <div class="codetitle">方法二：用childNodes <a style="CURSOR: pointer" data="9115" class="copybut" id="copybut9115" onclick="doCopy('code9115')">複製程式碼>🎜> 程式碼如下:<div class="codebody" id="code9115"> function traversalByChildNodes(obj){ var ch=obj.childNodes, result=[]; for(var ichildNodes, result=[]; for(var i 0,j=ch.length;i<j;i ){ result.push(ch[i].nodeName); if(ch[i].childNodes.length){ result. push.apply(result,traversalByChildNodes(ch[i])); } } return result; } <div class="codetitle"> 測試： <a style="CURSOR: pointer" data="76003" class="copybut" id="copybut76003" onclick="doCopy('code76003')"> 複製程式碼<🎜><🎜> 程式碼如下:<🎜><div class="codebody" id="code76003"> <！ DOCTYPE html> <html> <頭> <元字元集=“utf-8”> <標題>示範</標題> <樣式類型=“text/ css”> </風格> </頭> <身體> <div id="test">測試; <div>Hello World; PTest <腳本> console.log(traversalByNextSibling(文檔)); //IE6-8: #comment,HTML, HEAD,TITLE,META,STYLE,BODY,DIV,#text,DIV,#text,P,#text,SCRIPT //其他:["html "、"HTML"、"HEAD"、"#text" 、"META"、"#text"、"標題"、"#text"、"#text"、"樣式"、"#text"、"#text "、"#text"、"BODY"、"#text "、"DIV"、"#text"、"#text"、"DIV"、"#text"、"#text"、"P"、"#文字", "#text", "SCRIPT", "# text"] console.log(traversalByChildNodes(document)); //IE6-8: #comment,HTML,HEAD,TITLE,META,STYLE,BODY,DIV,#text,DIV, #text,P,#text,SCRIPT //otehr:["html "、"HTML"、"HEAD"、"#text"、"META"、"#text"、"標題"、"#text "、"#text"、"樣式"、"#text"、"#text "、"#text"、"BODY"、"#text"、"DIV"、"#text"、"#text"、" DIV"、"#text"、"#text"、"P"、"#文字”，“#text”，“腳本”，“#text”] </script>
身體>

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript引擎：比較實施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。

超越瀏覽器：現實世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制：1.通過Node.js實現服務器端編程，適用於高並發請求處理。 2.通過ReactNative進行移動應用開發，支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制，適用於硬件交互。

使用Next.js（後端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序（一個Edtech應用程序），您可以做同樣的事情。首先，什麼是多租戶SaaS應用程序？多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

如何使用Next.js（前端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:22 AM

本文展示了與許可證確保的後端的前端集成，並使用Next.js構建功能性Edtech SaaS應用程序。前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript：探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。

JavaScript的演變：當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript：它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。