重复字符N次

2020/09/23 05:21 · javascript ·  · 0评论

在Perl中,我可以使用以下语法多次重复一个字符:

$a = "a" x 10; // results in "aaaaaaaaaa"

有没有简单的方法可以在Javascript中完成此操作?我显然可以使用一个函数,但是我想知道是否有任何内置方法或其他一些巧妙的技术。

如今,repeat字符串方法几乎在所有地方都已实现(它不在Internet Explorer中。)因此,除非需要支持较旧的浏览器,否则只需编写以下内容:

"a".repeat(10)

在之前repeat,我们使用了此技巧:

Array(11).join("a") // create string with 10 a's: "aaaaaaaaaa"

(请注意,长度为11的数组只会使您获得10个“ a”,因为Array.join将参数放在数组元素之间。)

西蒙还指出,根据该jsperf的说法,在Safari和Chrome(但不是Firefox)中,通过简单地使用for循环追加(虽然不太简洁)多次重复一个字符似乎更快。

在新的ES6和声中,您将具有重复执行此操作的本地方法ES6现在也仅是实验性的,此功能在Edge,FF,Chrome和Safari中提供

"abc".repeat(3) // "abcabcabc"

并且可以肯定的是,如果没有重复功能,您可以使用旧的 Array(n + 1).join("abc")

如果重复很多,这很方便:

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)  )

性能最佳的方式是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;
  }
}

一种替代方法是:

for(var word = ''; word.length < 10; word += 'a'){}

如果您需要重复多个字符,请乘以条件:

for(var word = ''; word.length < 10 * 3; word += 'foo'){}

注意:您不必像这样将过冲1word = Array(11).join('a')

如果您不反对在项目中包含库,则lodash具有重复功能。

_.repeat('*', 3);
// → '***

https://lodash.com/docs#repeat

对于所有浏览器

以下功能比接受的答案中建议的选项执行速度快得多:

var repeat = function(str, count) {
    var array = [];
    for(var i = 0; i < count;)
        array[i++] = str;
    return array.join('');
}

您将像这样使用它:

var repeatedString = repeat("a", 10);

要将此功能的性能与已接受答案中建议的选项的性能进行比较,请参阅此Fiddle此Fiddle以获得基准。

仅适用于现代浏览器

在现代浏览器中,您现在可以使用String.prototype.repeat方法执行此操作

var repeatedString = "a".repeat(10);

MDN上阅读有关此方法的更多信息

此选项甚至更快。不幸的是,它不适用于任何版本的Internet Explorer。表格中的数字指定了完全支持该方法的第一个浏览器版本:

在此处输入图片说明

Array(10).fill('a').join('')

尽管投票最多的答案更为紧凑,但是使用这种方法,您不必添加额外的数组项。

/**  
 * 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"
);

在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()) 
    };

快速重复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;
};

为了在我的项目中重复一个值,我使用重复

例如:

var n = 6;
for (i = 0; i < n; i++) {
    console.log("#".repeat(i+1))
}

但请注意,因为此方法已添加到ECMAScript 6规范中。

function repeatString(n, string) {
  var repeat = [];
  repeat.length = n + 1;
  return repeat.join(string);
}

repeatString(3,'x'); // => xxx
repeatString(10,'🌹'); // => "🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹"

这是我用的:

function repeat(str, num) {
        var holder = [];
        for(var i=0; i<num; i++) {
            holder.push(str);
        }
        return holder.join('');
    }

我将扩展@bonbon的答案他的方法是一种“将N个字符附加到现有字符串上”的简单方法,以防万一有人需要这样做。例如,由于“ a google”是1后跟100个零

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>

注意:您必须将原始字符串的长度添加到条件字符串中。

Lodash提供的功能类似于Java的repeat()函数,并非所有浏览器都可用。它称为_.repeat,自版本3.0.0起可用:

_.repeat('a', 10);
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);

也可以用作单线:

function repeat(str, len) {
    while (str.length < len) str += str.substr(0, len-str.length);
    return str;
}

在CoffeeScript中:

( 'a' for dot in [0..10]).join('')

这是您可以如何调用函数并借助Array()和join()获得结果的方法

function repeatStringNumTimes(str, num) {
  // repeat after me
  return num > 0 ? Array(num+1).join(str) : "";
}

console.log(repeatStringNumTimes("a",10))

右垫为零,没有数组或循环。repeat()使用ES6 2015即可使用,现在已获得广泛支持如果您切换串联,请左垫。

function pad(text, maxLength){ 
  var res = text + "0".repeat(maxLength - text.length);
  return res;
}

console.log(pad('hello', 8)); //hello000
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"

这是ES6版本

const repeat = (a,n) => Array(n).join(a+"|$|").split("|$|");
repeat("A",20).forEach((a,b) => console.log(a,b+1))
本文地址:http://javascript.askforanswer.com/zhongfuzifunci.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!