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 相关文章推荐
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
vue 自动化路由实现代码
Sep 03 Javascript
vue前端和Django后端如何查询一定时间段内的数据
Feb 28 Vue.js
8个JS的reduce使用实例和reduce操作方式
Oct 05 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 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防盗链的常用方法小结
2010/07/02 PHP
PHP 小心urldecode引发的SQL注入漏洞
2011/10/27 PHP
ThinkPHP基于PHPExcel导入Excel文件的方法
2014/10/15 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
JS Replace 全部替换字符的用法小结
2013/12/24 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
两种方法解决javascript url post 特殊字符转义 + & #
2016/04/13 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
详解AngularJS2 Http服务
2017/06/26 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
python连接mysql数据库示例(做增删改操作)
2013/12/31 Python
python比较2个xml内容的方法
2015/05/11 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
python绘制漏斗图步骤详解
2019/03/04 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
我们没有写servlet的构造方法,那么容器是怎么创建servlet的实例呢
2013/04/24 面试题
《傅雷家书》教学反思
2014/04/20 职场文书
业务员自荐信范文
2014/04/20 职场文书
聘用意向书
2014/07/29 职场文书
万能检讨书
2015/01/27 职场文书
2019暑期安全倡议书!
2019/06/27 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA