快捷導(dǎo)航

javascript下string.format函數(shù)補(bǔ)充

更新時(shí)間：2010年08月24日 02:11:24 作者：

在上一篇中，自謙懶人的咚鏘留言指出樓豬改寫的format函數(shù)在參數(shù)輸入11個(gè)后不起作用了

又重新閱讀了一遍Andrew的原文，在原文下面的評(píng)論中，赫然發(fā)現(xiàn)也有人早提出參數(shù)個(gè)數(shù)的問題，同樣懶惰的樓豬直接拷貝原文評(píng)論答復(fù)了一下，同時(shí)還發(fā)現(xiàn)說漏了很重要的一個(gè)注意點(diǎn)Array.prototype.slice。
下面統(tǒng)一補(bǔ)充說明一下：

1、string.format的參數(shù)個(gè)數(shù)
在Andrew的原文中，已經(jīng)有人指出：

eric d. Hi, thanks for that brilliant article. Made a lot of things a lot clearer!
Note: new RegExp("%([1-" + arguments.length + "])", "g"); will fail passed 9 arguments (the regexp would be "%([1-10])" so it will only match %0 and %1).

I think an easy fix would be something like:
function format(string) { var args = arguments; var pattern = new RegExp("%([0-9]+)", "g"); return String(string).replace(pattern, function(match, index) { if (index == 0 || index >= args.length) throw "Invalid index in format string"; return args[index]; }); };
(Sorry for nitpicking, I understand it was only an example and brevety is the main objective, but its a great function to have)

Posted on: January 20th 2009, 12:01 am

這個(gè)留言的家伙給足了作者面子，稱“I understand it was only an example and brevety is the main objective, but its a great function to have”。原來，原文中定義的正則表達(dá)式能夠驗(yàn)證的數(shù)字范圍是...原來如此啊，哈哈，樓豬心虛的笑了。

2、Array.prototype.slice
將arguments轉(zhuǎn)換成Array的方法是通過Array.prototype.slice.call(arguments);方式轉(zhuǎn)換的,也就是說類數(shù)組方式的對(duì)象都可以通過slice的方式實(shí)現(xiàn)到Array的轉(zhuǎn)換，說到類數(shù)組對(duì)象的轉(zhuǎn)換，真的很有必要重新記錄總結(jié)一下Array的原型方法slice。
（1）、常見用法
樓豬在早前的這篇里通過一段代碼一帶而過介紹過slice方法：slice(start,end)：返回?cái)?shù)組對(duì)象的一個(gè)子集，索引從start開始（包括 start），到end結(jié)束（不包括end),原有數(shù)組不受影響。其實(shí)我們可以大膽猜測(cè)slice函數(shù)內(nèi)部應(yīng)該是定義了一個(gè)數(shù)組變量，然后通過循環(huán)，將數(shù)組對(duì)應(yīng)索引值push進(jìn)變量，最后return這個(gè)Array變量。
（2）、“不是Array，我們也想要變成Array”
不是Array，但是有l(wèi)ength屬性，可以根據(jù)索引取值，比如本文中的arguments，我們可以通過下面的方式轉(zhuǎn)換為真實(shí)數(shù)組：

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

 
function test() { 
var args = Array.prototype.slice.call(arguments); 
alert(args.length); 
args.push("jeff"); //push 
args.push("wong"); 
alert(args.length); //2 
alert(args.pop()); //pop 
alert(args.length); //1 
} 
test(); 

我們看到push和pop方法都起作用了。同樣，Nodelist也有類似特性。怎么樣將NodeList轉(zhuǎn)換成Array？看過樓豬原文的讀者可能會(huì)覺得這都是陳詞濫調(diào)，還是多說一句，在IE下，Array.prototype.slice.call(nodelist)就不是那么回事了，最后再貼一次將NodeList轉(zhuǎn)換為Array并且兼容ie和其他瀏覽器的方法結(jié)束本文：

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

 
var nodelist =something;//一個(gè)NodeList變量 
var arr = null; //數(shù)組 
try { //ie 
arr = new Array(); 
for (var i = 0; i &lt; nodelist.length; i++) { 
arr.push(nodelist[i]); 
} 
} catch (e) {//其他瀏覽器 
arr = Array.prototype.slice.call(nodelist); 
} 

作者：Jeff Wong

您可能感興趣的文章: