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 相关文章推荐
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
JS重要知识点小结
Nov 06 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
详解vue项目首页加载速度优化
Oct 18 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
node获取客户端ip功能简单示例
Aug 24 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
微信小程序自定义联系人弹窗
May 26 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编程注意事项的小结
2013/04/27 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
vue.js中$watch的用法示例
2016/10/04 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
react-router中的属性详解
2017/06/01 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
2017/09/12 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
vue实现axios图片上传功能
2019/08/20 Javascript
利用python求相邻数的方法示例
2017/08/18 Python
Python PyQt5整理介绍
2020/04/01 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
工程现场管理求职自荐信
2013/10/02 职场文书
教研活动总结
2014/04/28 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
专业见习报告范文
2014/11/03 职场文书
学雷锋倡议书
2015/01/19 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
Python序列化与反序列化相关知识总结
2021/06/08 Python
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
JS轻量级函数式编程实现XDM三
2022/06/16 Javascript
mysql数据库如何转移到oracle
2022/12/24 MySQL