在 JavaScript 中重复一个字符串多次
Posted
技术标签:
【中文标题】在 JavaScript 中重复一个字符串多次【英文标题】:Repeat a string in JavaScript a number of times 【发布时间】:2010-12-25 01:12:10 【问题描述】:在 Perl 中,我可以使用以下语法多次重复一个字符:
$a = "a" x 10; // results in "aaaaaaaaaa"
有没有一种简单的方法可以在 javascript 中实现这一点?我显然可以使用一个函数,但我想知道是否有任何内置方法或其他一些巧妙的技术。
【问题讨论】:
【参考方案1】:为了好玩,这里有另一种方式,使用toFixed(),用于格式化浮点数。
通过做
(0).toFixed(2)
(0).toFixed(3)
(0).toFixed(4)
我们得到
0.00
0.000
0.0000
如果前两个字符0.
被删除,我们可以使用这种重复模式来生成任何重复。
function repeat(str, nTimes)
return (0).toFixed(nTimes).substr(2).replaceAll('0', str);
console.info(repeat('3', 5));
console.info(repeat('hello ', 4));
【讨论】:
【参考方案2】:如今,repeat
string method几乎无处不在。 (是not in Internet Explorer。)所以除非你需要支持旧的浏览器,你可以简单地写:
"a".repeat(10)
在repeat
之前,我们使用了这个hack:
Array(11).join("a") // create string with 10 a's: "aaaaaaaaaa"
(请注意,长度为 11 的数组只能得到 10 个“a”,因为 Array.join
将参数放在 数组元素之间。)
Simon 还指出,根据this benchmark,在 Safari 和 Chrome(但不是 Firefox)中,通过简单地附加一个 for 循环来多次重复一个字符似乎更快(虽然不太简洁)。
【讨论】:
另外,您可以使用变量而不是固定长度 - Array(20-len),例如将字符串填充到 20。 循环方法可能更快但更冗长。另外,我对第一条评论的所有赞成票感到困惑,考虑到当数组长度可变时这通常很有用,例如Array(rawValue.length + 1).join("*")
公式为Array(n+1).join("a")
。当 n=0 时,返回空字符串,当 n=1 时,返回"a"
。所以我认为它适用于所有情况。
@Bashir 是正确的,IE 不支持这个:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
@Neel 那是因为 JS 引擎对字符串长度施加了限制。在 Chrome 和 Firefox 中,该限制接近 2^30(约十亿)。 10^12 是一万亿。【参考方案3】:
右填充零,没有数组或循环。只需使用 repeat()
使用 ES6 2015,它现在有 wide support。如果您切换串联,则左焊盘。
function pad(text, maxLength)
var res = text + "0".repeat(maxLength - text.length);
return res;
console.log(pad('hello', 8)); //hello000
【讨论】:
【参考方案4】:这是调用函数并通过 Array() 和 join() 获取结果的方法
function repeatStringNumTimes(str, num)
// repeat after me
return num > 0 ? Array(num+1).join(str) : "";
console.log(repeatStringNumTimes("a",10))
【讨论】:
【参考方案5】:如果你经常重复自己的话会很方便:
String.prototype.repeat = String.prototype.repeat || function(n)
n= n || 1;
return Array(n+1).join(this);
alert( 'Are we there yet?\nNo.\n'.repeat(10) )
【讨论】:
污染内置原型是一种糟糕的编码习惯。 @nurettin 请参阅programmers.stackexchange.com/questions/104320/… 了解更多讨论。我会添加一个(适当范围的)静态辅助函数,签名为repeat(str, n)
。
我会删除n= n || 1
部分(或检查n
是否未定义),因此您也可以重复0
次。
也可以看看 Mozilla 的 ES6 官方 polyfill:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
@ChrisV, String.repeat
仅在 ES6 中添加,直到 2015 年 6 月才最终确定。所以我认为我在 2012 年写的时候我的观点是有效的。:)【参考方案6】:
这是一个 ES6 版本
const repeat = (a,n) => Array(n).join(a+"|$|").split("|$|");
repeat("A",20).forEach((a,b) => console.log(a,b+1))
【讨论】:
【参考方案7】:Array(10).fill('a').join('')
虽然投票最多的答案更紧凑,但通过这种方法,您不必添加额外的数组项。
【讨论】:
很遗憾,IE 不支持 fill 方法,如果不兼容 IE 也可以使用 repeat 方法。 如果你单独使用join("a")
,为什么还要使用额外的方法fill()
...
如果你想要一个分隔符,这个答案很有用【参考方案8】:
最高效的方式是https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat
短版如下。
String.prototype.repeat = function(count)
if (count < 1) return '';
var result = '', pattern = this.valueOf();
while (count > 1)
if (count & 1) result += pattern;
count >>>= 1, pattern += pattern;
return result + pattern;
;
var a = "a";
console.debug(a.repeat(10));
来自 Mozilla 的 Polyfill:
if (!String.prototype.repeat)
String.prototype.repeat = function(count)
'use strict';
if (this == null)
throw new TypeError('can\'t convert ' + this + ' to object');
var str = '' + this;
count = +count;
if (count != count)
count = 0;
if (count < 0)
throw new RangeError('repeat count must be non-negative');
if (count == Infinity)
throw new RangeError('repeat count must be less than infinity');
count = Math.floor(count);
if (str.length == 0 || count == 0)
return '';
// Ensuring count is a 31-bit integer allows us to heavily optimize the
// main part. But anyway, most current (August 2014) browsers can't handle
// strings 1 << 28 chars or longer, so:
if (str.length * count >= 1 << 28)
throw new RangeError('repeat count must not overflow maximum string size');
var rpt = '';
for (;;)
if ((count & 1) == 1)
rpt += str;
count >>>= 1;
if (count == 0)
break;
str += str;
// Could we try:
// return Array(count + 1).join(this);
return rpt;
【讨论】:
这个不错,但是新的原生“repeat”更快,不需要实现,谢谢! 你能详细说明count >>>= 1, pattern += pattern;
的含义吗?什么样的说法?
那么这是原生重复的polyfill,那么?只需在开头添加 if (!String.prototype.repeat)
,在末尾添加
。
>>>= 是无符号右移赋值(如 count = count >>> 1)见:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…【参考方案9】:
在 CoffeeScript 中:
( 'a' for dot in [0..10]).join('')
【讨论】:
【参考方案10】:适用于所有浏览器
以下函数的执行速度将比已接受答案中建议的选项快得多:
var repeat = function(str, count)
var array = [];
for(var i = 0; i < count;)
array[i++] = str;
return array.join('');
你会这样使用它:
var repeatedString = repeat("a", 10);
要将此函数的性能与已接受答案中提出的选项的性能进行比较,请参阅 this Fiddle 和 this Fiddle 以获取基准。
仅适用于现代浏览器
在现代浏览器中,您现在可以使用String.prototype.repeat
方法执行此操作:
var repeatedString = "a".repeat(10);
在MDN 上阅读有关此方法的更多信息。
这个选项甚至更快。不幸的是,它不适用于任何版本的 Internet Explorer。表中的数字指定了第一个完全支持该方法的浏览器版本:
【讨论】:
【参考方案11】:也可以用作单线:
function repeat(str, len)
while (str.length < len) str += str.substr(0, len-str.length);
return str;
【讨论】:
在任何比赛中,“for”都比“while”快。 :-)【参考方案12】:function repeatString(n, string)
var repeat = [];
repeat.length = n + 1;
return repeat.join(string);
repeatString(3,'x'); // => xxx
repeatString(10,'?'); // => "??????????"
【讨论】:
【参考方案13】:在 ES2015/ES6 中你可以使用"*".repeat(n)
因此,只需将其添加到您的项目中,您就可以开始了。
String.prototype.repeat = String.prototype.repeat ||
function(n)
if (n < 0) throw new RangeError("invalid count value");
if (n == 0) return "";
return new Array(n + 1).join(this.toString())
;
【讨论】:
SCRIPT5029:尝试使用此方法时,数组长度必须是有限正整数【参考方案14】:var stringRepeat = function(string, val)
var newString = [];
for(var i = 0; i < val; i++)
newString.push(string);
return newString.join('');
var repeatedString = stringRepeat("a", 1);
【讨论】:
【参考方案15】:Lodash 提供与Javascript repeat() 类似的功能,但并非所有浏览器都提供。它被称为_.repeat,从 3.0.0 版本开始可用:
_.repeat('a', 10);
【讨论】:
【参考方案16】:String.prototype.repeat = function (n) n = Math.abs(n) || 1; return Array(n + 1).join(this || ''); ;
// console.log("0".repeat(3) , "0".repeat(-3))
// return: "000" "000"
【讨论】:
这会覆盖当前浏览器中原生包含的String.prototype.repeat
。另外,为什么要缩小它?您无需将所有内容写在一行中。
IE 中没有“重复”功能,因此需要原型。【参考方案17】:
在新的 ES6 和谐中,您将拥有使用 repeat 执行此操作的原生方式。同样 ES6 目前还只是实验性的,这个功能是 already available 在 Edge、FF、Chrome 和 Safari 中
"abc".repeat(3) // "abcabcabc"
当然,如果重复功能不可用,您可以使用 old-good Array(n + 1).join("abc")
【讨论】:
【参考方案18】:为了在我的项目中重复一个值,我使用重复
例如:
var n = 6;
for (i = 0; i < n; i++)
console.log("#".repeat(i+1))
但要小心,因为此方法已添加到 ECMAScript 6 规范中。
【讨论】:
【参考方案19】:这是我使用的:
function repeat(str, num)
var holder = [];
for(var i=0; i<num; i++)
holder.push(str);
return holder.join('');
【讨论】:
【参考方案20】:如果你不反对在你的项目中包含一个库,lodash 有一个重复功能。
_.repeat('*', 3);
// → '***
https://lodash.com/docs#repeat
【讨论】:
【参考方案21】:我将扩展 @bonbon's answer。他的方法是“将 N 个字符附加到现有字符串”的简单方法,以防万一有人需要这样做。比如"a google" is a 1 followed by 100 zeros.
for(var google = '1'; google.length < 1 + 100; google += '0')
document.getElementById('el').innerText = google;
<div>This is "a google":</div>
<div id="el"></div>
注意:您必须将原始字符串的长度添加到条件中。
【讨论】:
【参考方案22】:另一种选择是:
for(var word = ''; word.length < 10; word += 'a')
如果您需要重复多个字符,请乘以您的条件:
for(var word = ''; word.length < 10 * 3; word += 'foo')
注意:您不必像word = Array(11).join('a')
那样超调1
【讨论】:
【参考方案23】:另一个快速重复n个字符的有趣方法是使用快速求幂算法中的思想:
var repeatString = function(string, n)
var result = '', i;
for (i = 1; i <= n; i *= 2)
if ((n & i) === i)
result += string;
string = string + string;
return result;
;
【讨论】:
为什么说“有趣的方式”?这里有什么有趣的?这是显而易见的首选解决方案,是计算机程序最基本的示例。【参考方案24】:/**
* Repeat a string `n`-times (recursive)
* @param String s - The string you want to repeat.
* @param Number n - The times to repeat the string.
* @param String d - A delimiter between each string.
*/
var repeat = function (s, n, d)
return --n ? s + (d || "") + repeat(s, n, d) : "" + s;
;
var foo = "foo";
console.log(
"%s\n%s\n%s\n%s",
repeat(foo), // "foo"
repeat(foo, 2), // "foofoo"
repeat(foo, "2"), // "foofoo"
repeat(foo, 2, "-") // "foo-foo"
);
【讨论】:
以上是关于在 JavaScript 中重复一个字符串多次的主要内容,如果未能解决你的问题,请参考以下文章
将JSON字符串从IOS Native发送到Javascript(JSON.Parse)时出现Json Parse错误[重复]