как добавить ведущие нули к числам в javascript

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Метод padStart() добавляет ведущие символы (в данном случае нули) к строке до достижения заданной длины:

function addLeadingZeros(num, totalLength) {
    return num.toString().padStart(totalLength, '0');
}

// Примеры использования
console.log(addLeadingZeros(5, 3));     // "005"
console.log(addLeadingZeros(123, 5));   // "00123"
console.log(addLeadingZeros(42, 4));    // "0042"

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

function addLeadingZeros(num, totalLength) {
    let strNum = num.toString();
    while (strNum.length < totalLength) {
        strNum = '0' + strNum;
    }
    return strNum;
}

// Примеры использования
console.log(addLeadingZeros(5, 3));    // "005"
console.log(addLeadingZeros(123, 5));  // "00123"
console.log(addLeadingZeros(42, 4));   // "0042"

Если вы используете lodash, то можно воспользоваться функцией _.padStart.

import _ from 'lodash';

function addLeadingZeros(num, totalLength) {
    return _.padStart(num.toString(), totalLength, '0');
}

// Примеры использования
console.log(addLeadingZeros(5, 3));    // "005"
console.log(addLeadingZeros(123, 5));  // "00123"
console.log(addLeadingZeros(42, 4));   // "0042"

Если вам нужно отображать числа в формате строки, вы можете использовать шаблонные строки с необходимыми условными выражениями:

function addLeadingZeros(num, totalLength) {
    return `${'0'.repeat(totalLength - num.toString().length)}${num}`;
}

// Примеры использования
console.log(addLeadingZeros(5, 3));    // "005"
console.log(addLeadingZeros(123, 5));  // "00123"
console.log(addLeadingZeros(42, 4));   // "0042"

9 месяцев назад

Ivan Gagarinov

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

2 месяца

DDD на Javascript

Навык ООП и предметно-ориентированного программирования для создания масштабируемого кода и карьерного роста

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

Похожие вопросы