javascript下string.format函数补充
更新时间：2010年08月24日 02:11:24 作者：
在上一篇中，自谦懒人的咚锵留言指出楼猪改写的format函数在参数输入11个后不起作用了
又重新阅读了一遍Andrew的原文，在原文下面的评论中，赫然发现也有人早提出参数个数的问题，同样懒惰的楼猪直接拷贝原文评论答复了一下，同时还发现说漏了很重要的一个注意点Array.prototype.slice。
下面统一补充说明一下：
1、string.format的参数个数
在Andrew的原文中，已经有人指出：
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
这个留言的家伙给足了作者面子，称“I understand it was only an example and brevety is the main objective, but its a great function to have”。原来，原文中定义的正则表达式能够验证的数字范围是...原来如此啊，哈哈，楼猪心虚的笑了。
2、Array.prototype.slice
将arguments转换成Array的方法是通过Array.prototype.slice.call(arguments);方式转换的,也就是说类数组方式的对象都可以通过slice的方式实现到Array的转换，说到类数组对象的转换，真的很有必要重新记录总结一下Array的原型方法slice。
（1）、常见用法
楼猪在早前的这篇里通过一段代码一带而过介绍过slice方法：slice(start,end)：返回数组对象的一个子集，索引从start开始（包括 start），到end结束（不包括end),原有数组不受影响。其实我们可以大胆猜测slice函数内部应该是定义了一个数组变量，然后通过循环，将数组对应索引值push进变量，最后return这个Array变量。
（2）、“不是Array，我们也想要变成Array”
不是Array，但是有length属性，可以根据索引取值，比如本文中的arguments，我们可以通过下面的方式转换为真实数组：
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转换成Array？看过楼猪原文的读者可能会觉得这都是陈词滥调，还是多说一句，在IE下，Array.prototype.slice.call(nodelist)就不是那么回事了，最后再贴一次将NodeList转换为Array并且兼容ie和其他浏览器的方法结束本文：
var nodelist =something;//一个NodeList变量
var arr = null; //数组
try { //ie
arr = new Array();
for (var i = 0; i < nodelist.length; i++) {
arr.push(nodelist[i]);
}
} catch (e) {//其他浏览器
arr = Array.prototype.slice.call(nodelist);
}
作者：Jeff Wong
下面统一补充说明一下：
1、string.format的参数个数
在Andrew的原文中，已经有人指出：
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
这个留言的家伙给足了作者面子，称“I understand it was only an example and brevety is the main objective, but its a great function to have”。原来，原文中定义的正则表达式能够验证的数字范围是...原来如此啊，哈哈，楼猪心虚的笑了。
2、Array.prototype.slice
将arguments转换成Array的方法是通过Array.prototype.slice.call(arguments);方式转换的,也就是说类数组方式的对象都可以通过slice的方式实现到Array的转换，说到类数组对象的转换，真的很有必要重新记录总结一下Array的原型方法slice。
（1）、常见用法
楼猪在早前的这篇里通过一段代码一带而过介绍过slice方法：slice(start,end)：返回数组对象的一个子集，索引从start开始（包括 start），到end结束（不包括end),原有数组不受影响。其实我们可以大胆猜测slice函数内部应该是定义了一个数组变量，然后通过循环，将数组对应索引值push进变量，最后return这个Array变量。
（2）、“不是Array，我们也想要变成Array”
不是Array，但是有length属性，可以根据索引取值，比如本文中的arguments，我们可以通过下面的方式转换为真实数组：
复制代码 代码如下:
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转换成Array？看过楼猪原文的读者可能会觉得这都是陈词滥调，还是多说一句，在IE下，Array.prototype.slice.call(nodelist)就不是那么回事了，最后再贴一次将NodeList转换为Array并且兼容ie和其他浏览器的方法结束本文：
复制代码 代码如下:
var nodelist =something;//一个NodeList变量
var arr = null; //数组
try { //ie
arr = new Array();
for (var i = 0; i < nodelist.length; i++) {
arr.push(nodelist[i]);
}
} catch (e) {//其他浏览器
arr = Array.prototype.slice.call(nodelist);
}
作者：Jeff Wong
您可能感兴趣的文章:
- Java字符串格式化功能 String.format用法详解
- Java String.format()的用法
- Java之String.format()方法案例讲解
- 快速入门介绍Java中强大的String.format()
- Java中String.format的使用方法总结
- JavaScript实现格式化字符串函数String.format
- JAVA字符串格式化-String.format()的使用
- String.Format大全(C# Java)
- C#中string.format用法详解
- javascript模拟实现C# String.format函数功能代码
- js中的string.format函数代码
- javascript下利用arguments实现string.format函数
- asp.net String.format中大括号的加入方法
- 为javascript添加String.Format方法
相关文章
这篇文章主要为大家详细介绍了微信小程序实现文件预览，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
函数防抖和函数节流都是对函数进行特殊的设置，减少该函数在某一时间段内频繁触发带来的副作用。二者只是采用的设置方式和原理不一样，其最终的目的是一样的。2021-05-05
两个JavaScript中的特殊值null和undefined详解
Null和Undefined是JavaScript中非常基础和重要的概念，理解它们的含义、特点和使用方式对于避免出现错误和编写健壮的应用程序非常重要，这篇文章主要介绍了两个JavaScript中的特殊值null和undefined详解,需要的朋友可以参考下2023-06-06
js中继承的几种用法总结(apply,call,prototype)
本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
BootStrap中Datetimepicker和uploadify插件应用实例小结
这篇文章主要介绍了BootStrap中Datetimepicker和uploadify插件应用实例小结的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了JavaScript仿微信打飞机游戏的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
数组去重复是一个常见的需求，我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法，网上基本都有，这里只是简单地总结一下分享给大家。2015-04-04
这篇文章主要介绍了JavaScript修改浏览器tab标题小技巧,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了js+canvas实现刮刮奖功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了js实现压缩上传图片base64长度功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
最新评论