Створіть рядок змінної довжини, заповнену повторним символом

Отже, моє запитання задав хтось інший у його формі Java: Java - Створіть новий екземпляр String із заданою довжиною і заповнений конкретним символом. Найкраще рішення?

. . . але я шукаю його еквівалент JavaScript.

В основному, я хочу динамічно заповнювати текстові поля символами "#" на основі атрибута "maxlength" кожного поля. Отже, якщо вхід має maxlength="3", то поле буде заповнене "###".

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

Будь-які ідеї?

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

Найкращий спосіб зробити це (що я бачив) - це

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

Це створює масив із заданою довжиною, а потім з'єднує його з заданою рядком для повторення. .join()Функція шанує довжину масиву , незалежно від того , чи мають елементи значення , присвоєне і невизначені значення відображаються як порожні рядки.

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

Спробуйте це: P

s = '#'.repeat(10)

document.body.innerHTML = s

На жаль, хоча підхід 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);
};

Це є багатослівним, тому, якщо ви хочете, щоб втручатися в реалізацію, ви можете піти з наївним підходом; він все ще виконує betweeb 2X до 10X краще, ніж підхід 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;
}

Додаткова інформація:

• Запустіть тест на швидкість у власному браузері
• Повний вихідний код тесту на швидкість
• Результати тесту на швидкість

Я б створив постійний рядок, а потім викликав би підрядку на ньому.

Щось на зразок

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

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

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

Трохи швидше теж.

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

ES2015 найпростіший спосіб - зробити щось подібне

'X'.repeat(data.length)

Xбудь-яка струна, data.lengthбажаної довжини.

дивіться: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat

Відмінним варіантом ES6 буде padStartпуста рядок. Подобається це:

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

Примітка: це не буде працювати в IE (без полів).

Версія, яка працює у всіх браузерах

Ця функція виконує те, що ви хочете, і виконує набагато швидше, ніж варіант, запропонований у прийнятій відповіді:

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

Ви використовуєте його так:

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

Щоб порівняти ефективність цієї функції з можливістю, запропонованою у прийнятій відповіді, див. Цей Fiddle та цей Fiddle для орієнтирів.

Версія лише для сучасних браузерів

У сучасних браузерах тепер ви також можете це зробити:

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

Цей варіант ще швидший. Однак, на жаль, він не працює в будь-якій версії Internet Explorer.

Цифри в таблиці вказують першу версію браузера, яка повністю підтримує метод:

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;
      }
    } 

Спираючись на відповіді Хогана та Нуля Тріка Поні. Я думаю, що це повинно бути досить швидким і гнучким, щоб добре обробляти випадки використання:

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

Ви можете використовувати перший рядок функції як однолінійний, якщо вам подобається:

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