JavaScript 字符串乘法


Posted in Javascript onAugust 20, 2009

原文地址:http://www.davidflanagan.com/2009/08/string-multipli.html
原作者:David Flanagan
在Ruby中,“*”操作符用一个字符串作为左边参数,一个数字作为右边参数,来实现字符串重复。例如,"Ruby" * 2 的值为 "RubyRuby"。这仅在少数地方有用(例如,生成一张由连字符等ASCII 码字符构成的表格),但是非常简洁。而且好过写一个循环来连接n次字符串——这样显得很没效率。

我刚刚发现在JavaScript中有个聪明的技巧来实现字符串的乘法:

String.prototype.times = function(n) { 
return Array.prototype.join.call({length:n+1}, this); 
}; 
"js".times(5) // => "jsjsjsjsjs"

这个方法是调用一个由元素全为“undefined”的数组的Array.join()行为。但是它并没有真正创建一个包含 n+1 个“undefined”元素的数组。它利用一个包含 length 属性的匿名对象,依靠 Array 对象的原型函数 join()。因为 “Object” 不是数组,不能直接调用 join(),因此不得不通过原型的 call() 来实现。下面给出一个同样效果的简单版本:

String.prototype.times = function(n) { return (new Array(n+1)).join(this);};

当我们调用 Array 的带一个参数的构造器时,仅仅是设置了数组的长度,实际上并没有创建数组的元素。

我仅在 Firefox 下对其做了测试,我估计它会比普通的循环更加有效,但我并没有进行基准测试。

作者简介
David Flanagan 是一个醉心于Java写作的计算机程序员,他的大部分时间都致力于编写Java相关图书。David 在麻省理工学院获得了计算机科学于工程学位。他生活在地处西雅图和温哥华之间的美国太平洋西北海岸。他在O'Reilly出版的畅销书有《Java in a Nutshell》、《Java Foundation Classes in a Nutshell》、《Java Enterprise in a Nutshell》、《JavaScript: The Definitive Guide》、《JavaScript Pocket Reference》以及《The Ruby Programming Language》等。

我的评论
如果要考虑效率的话,对循环迭代稍作优化可能效率更高。比如下面这段递归调用,算法复杂度是O(log2n)。在Google Chrome下测试结果是比 David 的方法执行更快,但不得不承认他的方法很优雅!

String.prototype.times = function(n) { 
if ( n == 1 ) { 
return this; 
} 
var midRes = this.times(Math.floor(n/2)); 
midRes += midRes; 
if ( n % 2 ) { 
midRes += this; 
} 
return midRes; 
}

后记
David 采纳了我的建议,他又为我们写了一段非递归的版本。请参看他的博客原文:http://www.davidflanagan.com/2009/08/good-algorithms.html
联系方式
我的邮箱,欢迎来信(redraiment@gmail.com)
Javascript 相关文章推荐
JS 建立对象的方法
Apr 21 Javascript
JS跨域总结
Aug 30 Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
js实现简单的计算器功能
Jan 16 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Mar 02 Javascript
vue左右侧联动滚动的实现代码
Jun 06 Javascript
vue v-for直接循环数字实例
Nov 07 Javascript
javascript 短路法代码精简
Aug 20 #Javascript
斜45度寻路实现函数
Aug 20 #Javascript
javascript 多级checkbox选择效果
Aug 20 #Javascript
调用js时ie6和ie7,ff的区别
Aug 19 #Javascript
jquery 入门教程 [翻译] 推荐
Aug 17 #Javascript
jQuery select控制插件
Aug 17 #Javascript
javascript 无提示关闭窗口脚本
Aug 17 #Javascript
You might like
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
php发送post请求函数分享
2014/03/06 PHP
php检测文件编码的方法示例
2014/04/25 PHP
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
document.write的几点使用心得
2014/05/14 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
jQuery层级选择器用法分析
2015/02/10 Javascript
解决jquery实现的radio重新选中的问题
2015/07/03 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
javaScript中封装的各种写法示例(推荐)
2017/07/03 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
2019/10/14 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
2020/04/13 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
js实现网页随机验证码
2020/10/19 Javascript
编程语言Python的发展史
2014/09/26 Python
Python中单、双下划线的区别总结
2017/12/01 Python
python保存网页图片到本地的方法
2018/07/24 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
Python实现TCP通信的示例代码
2019/09/09 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
会议活动邀请函
2014/01/27 职场文书
班风学风建设方案
2014/05/06 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
给老婆的保证书
2015/01/16 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
礼仪培训心得体会
2016/01/22 职场文书
Python基础之变量的相关知识总结
2021/06/23 Python
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技