Скачать или смотреть JavaScript: repeat | padStart | padEnd 🔄

У строк есть метод .repeat(), который создает новую строку, с указанным количеством копий строки, на которой он был вызван.
Допустим у нас есть строка с 1 яблоком, применяем к нему метод repeat со значением 5 и получаем 5 яблок.
Этот метод принимает значения от 0 при котором мы получим пустую строку, до, но не включая положительную бесконечность Infinity, при задании которой будет ошибка Uncaught RangeError: Invalid count value: Infinity.
Дробные значения интерпретируются как целочисленные, путем отрезания дробной части.
У строк есть также похожие методы .padStart() и .padEnd(), которые заполняют текущую строку, до указанной итоговой длины.
Для строки с 1 яблоком, указываем длину 10 и она заполняется пробелами, либо с начала либо с конца, в зависимости от используемого метода.
Можно также указать вторым аргументом заполнитель строки.
Если длина заполнителя больше необходимой итоговой длины, то заполнитель будет обрезан.

#js #javascript #frontend #css #html #web #webdevelopment #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #css3 #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #vue #react #angular #svelte #vanillajs #animation #cssawesome #learncss #course #programming #crash_course #learning #fariga

Подписывайтесь на меня в соц. сетях:
👨‍💻 LinkedIn -   / maksymfariga  
📷 Instagram -   / maksym_fariga   (@maksym_fariga)
📖 Facebook -   / maksymfariga  
🐤 Twitter -   / fariga_m  
🛩 Telegram - https://t.me/web_education_new

🤩 НОВЫЕ ЕДИНИЦЫ измерения в CSS / полный разбор с примерами на РЕАЛЬНЫХ📱 устройствах 👉    • Основы CSS - НОВЫЕ 🤩 ЕДИНИЦЫ измерения - п...   ✍️
🫵 CSS знает о вас ВСЁ 🤫 - image-orientation (New CSS) 👉    • CSS знает о вас 🫵 ВСЁ 🤫 - image-orientatio...   ✍️
🚀 Новое CSS свойство image-rendering - Next CSS Level 👉    • Новое CSS свойство image-rendering - Next ...   ✍️
📺 Основы CSS - свойство aspect-ratio - полный разбор 👉    • Основы CSS - свойство aspect-ratio - полны...   ✍️
🙅🏻‍♂️ Accent-color - CSS свойство, которое не смогло 👉    • Accent-color - CSS свойство, которое не см...   ✍️
🎎 CSS keywords: inherit, initial, unset, revert, all 👉    • CSS keywords: inherit, initial, unset, rev...   ✍️
🖼 CSS text-stroke, text-fill-color и paint-order 👉    • -webkit-text-stroke, -webkit-text-fill-col...   ✍️