ทำซ้ำตัวละคร N ครั้ง

ใน 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ใส่อาร์กิวเมนต์ระหว่างองค์ประกอบอาร์เรย์)

Simon ยังชี้ให้เห็นว่าตามjsperf นี้ดูเหมือนว่าเร็วกว่าใน Safari และ Chrome (แต่ไม่ใช่ Firefox) เพื่อทำซ้ำตัวละครหลาย ๆ ครั้งโดยการต่อท้ายโดยใช้ for for loop (แม้ว่าจะสั้นกว่าเล็กน้อย)

ในความสามัคคี 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));

Polyfill จาก Mozilla:

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'){}

หมายเหตุ:คุณไม่จำเป็นต้องมีขนาดเกิน 1 ด้วยเช่นกันword = 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);

เพื่อเปรียบเทียบประสิทธิภาพของฟังก์ชั่นนี้กับของตัวเลือกที่เสนอในคำตอบที่ยอมรับดูซอนี้และซอนี้สำหรับการวัดประสิทธิภาพ

สำหรับเบราว์เซอร์ที่ทันสมัยเท่านั้น

ในเบราว์เซอร์สมัยใหม่คุณสามารถทำได้โดยใช้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()) 
    };

อีกวิธีที่น่าสนใจในการทำซ้ำอักขระอย่างรวดเร็วคือการใช้แนวคิดจากอัลกอริทึมการยกกำลังอย่างรวดเร็ว:

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

ฉันจะขยายตัวใน@ คำตอบของ วิธีการของเขาเป็นวิธีที่ง่ายในการ "ผนวก N chars ไปยังสตริงที่มีอยู่" ในกรณีที่ทุกคนต้องการทำเช่นนั้น ยกตัวอย่างเช่นตั้งแต่ว่า "Google" เป็น 1 ตามด้วยศูนย์

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นำเสนอฟังก์ชั่นที่คล้ายกันกับฟังก์ชั่นJavascript ซ้ำ ()ซึ่งไม่สามารถใช้ได้กับเบราว์เซอร์ทั้งหมด มันถูกเรียกว่า_.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 () และเข้าร่วม ()

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

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

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