Повторить символ N раз
-
18-09-2019 - |
Вопрос
В 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 «а», поскольку 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:
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);
// → '***
Для всех браузеров
Следующая функция будет работать намного быстрее, чем вариант, предложенный в принятом ответе:
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);
Подробнее об этом методе читайте на МДН.
Этот вариант еще быстрее.К сожалению, он не работает ни в одной версии 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 repeat(str, num) {
var holder = [];
for(var i=0; i<num; i++) {
holder.push(str);
}
return holder.join('');
}
function repeatString(n, string) {
var repeat = [];
repeat.length = n + 1;
return repeat.join(string);
}
repeatString(3,'x'); // => xxx
repeatString(10,'🌹'); // => "🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹"
Я собираюсь расширить Ответ @bonbon.Его метод — это простой способ «добавить N символов к существующей строке» на тот случай, если кому-то понадобится это сделать.Например, поскольку «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>
ПРИМЕЧАНИЕ: Вам нужно добавить длину исходной строки к условному.
Лодаш предлагает аналогичную функциональность, что и Повтор Javascript() функция, которая доступна не во всех браузерах.Это называется _.повторить и доступен начиная с версии 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('')
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))