У строк есть свойство length, которое возвращает длину строки.
Например для слова груша длина будет равна 5 ‘груша’.length
Добавим к нему вначале и вконце по 2 пробела ‘ груша ’.length и длина будет уже равна 9.
Пробелы - это такие же символы как и остальные.
Спецсимволы также добавляю длину строке. Например перенос строки и табуляция сделают длину равной 7 ‘\nгруша\t’.length.
Если с переводом строки и табуляцией, понятно, 1 символ добавляет плюс 1 к строке.
А вот Unicode символы это другая история.
У данного символа копирайта '\u00A9'.length длина равна 1.
А вот длина символов x 𝒳 и y 𝒴 или эмоджи равна уже 2 "😀".length. Это потому что, эти символы занимают 4 байта, а не 2. Но свойство length - воспринимает 4 байтовый символ как, 2 символа по 2 байта.
#css #html #web #webdevelopment #frontend #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 #javascript #vue #react #angular #svelte #vanillajs #js #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-orien... ✍️
🚀 Новое CSS свойство image-rendering - Next CSS Level 👉 • Новое CSS свойство image-rendering - ... ✍️
📺 Основы CSS - свойство aspect-ratio - полный разбор 👉 • Основы CSS - свойство aspect-ratio - ... ✍️
🙅🏻♂️ Accent-color - CSS свойство, которое не смогло 👉 • Accent-color - CSS свойство, которое ... ✍️
🎎 CSS keywords: inherit, initial, unset, revert, all 👉 • CSS keywords: inherit, initial, unset... ✍️
🖼 CSS text-stroke, text-fill-color и paint-order 👉 • -webkit-text-stroke, -webkit-text-fil... ✍️