it-swarm.com.ru

Создайте строку переменной длины, заполненную повторяющимся символом

Итак, мой вопрос был задан кем-то еще в форме Java здесь: Java - Создать новый экземпляр String с заданной длиной и заполненный определенным символом. Лучшее решение?

, , , но я ищу его эквивалент JavaScript.

По сути, я хочу динамически заполнять текстовые поля символами «#», основываясь на атрибуте «maxlength» каждого поля. Таким образом, если вход имеет maxlength="3", тогда поле будет заполнено "###".

В идеале должно быть что-то вроде Java StringUtils.repeat("#", 10);, но пока лучший вариант, который я могу придумать, - это циклически проходить и добавлять символы «#», по одному, пока не будет достигнута максимальная длина. Я не могу избавиться от ощущения, что есть более эффективный способ сделать это, чем это.

Есть идеи?

К вашему сведению - я не могу просто установить значение по умолчанию во входных данных, потому что символы "#" необходимо очистить в фокусе, и, если пользователь не ввел значение, его нужно будет "пополнить" при размытии. Это «заправка» шаг, который меня интересует

129
talemyn

Лучший способ сделать это (что я видел) это 

var str = new Array(len + 1).join( character );

Это создает массив с заданной длиной, а затем соединяет его с заданной строкой для повторения. Функция .join() учитывает длину массива независимо от того, имеют ли элементы назначенные значения, а неопределенные значения отображаются как пустые строки.

Вы должны добавить 1 к желаемой длине, потому что строка разделителя идет между элементами массива.

261
Pointy

Попробуйте это: P

s = '#'.repeat(10)

document.body.innerHTML = s

106
user4227915

К сожалению, хотя упомянутый здесь подход Array.join является кратким, он примерно в 10 раз медленнее, чем реализация на основе конкатенации строк. Особенно плохо он работает на больших струнах. Смотрите ниже полную информацию о производительности.

В Firefox, Chrome, Node.js MacOS, Node.js Ubuntu и Safari самая быстрая реализация, которую я тестировал, была:

function repeatChar(count, ch) {
    if (count == 0) {
        return "";
    }
    var count2 = count / 2;
    var result = ch;

    // double the input until it is long enough.
    while (result.length <= count2) {
        result += result;
    }
    // use substring to hit the precise length target without
    // using extra memory
    return result + result.substring(0, count - result.length);
};

Это многословно, так что если вы хотите краткую реализацию, вы можете пойти наивный подход; он по-прежнему работает лучше от 2х до 10х, чем подход Array.join, а также быстрее, чем реализация удвоения для небольших входов. Код:

// naive approach: simply add the letters one by one
function repeatChar(count, ch) {
    var txt = "";
    for (var i = 0; i < count; i++) {
        txt += ch;
    }
    return txt;
}

Дальнейшая информация:

28
Zero Trick Pony

Я хотел бы создать постоянную строку и затем вызвать подстроку на нем.

Что-то вроде 

var hashStore = '########################################';

var Fiveup = hashStore.substring(0,5);

var Tenup = hashStore.substring(0,10);

Немного быстрее тоже.

http://jsperf.com/const-vs-join

20
Hogan

ES2015 самый простой способ сделать что-то вроде 

'X'.repeat(data.length)

X - любая строка, data.length - желаемая длина.

см .: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat

7
Weeks

Версия, которая работает во всех браузерах

Эта функция делает то, что вы хотите, и работает намного быстрее, чем опция, предложенная в принятом ответе:

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

Вы используете это так:

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

Чтобы сравнить производительность этой функции с опцией, предложенной в принятом ответе, см. this Fiddle и this Fiddle для эталонных тестов ,.

Версия только для современных браузеров

В современных браузерах вы также можете сделать это:

var repeatedCharacter = "a".repeat(10) };

Этот вариант еще быстрее. Однако, к сожалению, это не работает ни в одной версии Internet Explorer. 

Числа в таблице указывают первую версию браузера, которая полностью поддерживает метод:

 enter image description here

3
John Slegers
For Evergreen browsers, this will build a staircase based on an incoming character and the number of stairs to build.
function StairCase(character, input) {
    let i = 0;
    while (i < input) {
        const spaces = " ".repeat(input - (i+1));
        const hashes = character.repeat(i + 1);
        console.log(spaces + hashes);
        i++;
    }
}

//Implement
//Refresh the console
console.clear();
StairCase("#",6);   

Вы также можете добавить полифилл для повтора для старых браузеров

    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;
      }
    } 
3
Terry Slack

Основано на ответах от Hogan и Zero Trick Pony. Я думаю, что это должно быть достаточно быстрым и гибким, чтобы хорошо обрабатывать большинство случаев использования: 

var hash = '####################################################################'

function build_string(length) {  
    if (length == 0) {  
        return ''  
    } else if (hash.length <= length) {  
        return hash.substring(0, length)  
    } else {  
        var result = hash  
        const half_length = length / 2  
        while (result.length <= half_length) {  
            result += result  
        }  
        return result + result.substring(0, length - result.length)  
    }  
}  
2
Leandro

Отличным вариантом ES6 будет padStart пустая строка. Как это:

var str = ''.padStart(10, "#");

Примечание: это не будет работать в IE (без полизаполнения).

1
Mendy

Вы можете использовать первую строку функции как однострочную, если вам нравится:

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