Как обрезать строку js?

Slice возвращает новую строку и не меняет исходную. Обычные строковые границы в JavaScript относятся к кодовым единицам UTF-16, поэтому эмодзи могут требовать другого способа. Array.from помогает не разрывать отдельную кодовую точку, но не всегда сохраняет целый составной видимый символ. Для интерфейса заранее определите, что именно считается одним символом и как добавляется многоточие.

• Первые позиции: text.slice(0, 10).
• Последние: text.slice(-10).
• Сохраните результат.
• Индексы относятся к UTF-16.
• Для видимых символов учитывайте графемы.

Для обычного обрезания строки по позиции используйте text.slice(0, 10). Первый аргумент — начальная позиция, второй — граница, которая не включается в результат. Исходная строка не меняется, поэтому сохраните возвращенное значение или используйте его сразу.

Если строка короче десяти позиций, результатом будет весь доступный текст. Для пустой строки получится пустая строка. Чтобы взять последние десять позиций, можно использовать отрицательное начало, например text.slice(-10). Не путайте это с удалением десяти символов с конца: для такой задачи границы выбираются иначе.

В JavaScript обычные индексы строки относятся к кодовым единицам UTF-16. Это важно для эмодзи и других символов, которые занимают больше одной единицы. Простая граница slice может оказаться внутри такого представления.

Если требуется ограничить число кодовых точек, можно сначала использовать Array.from, затем slice и join. Но и кодовая точка не всегда равна одному видимому символу: составные эмодзи и комбинируемые знаки могут состоять из нескольких точек.

Для ограничения именно видимых символов рассмотрите Intl.Segmenter с разбиением на графемы. Тогда сначала получите сегменты, ограничьте их количество и соберите текст обратно. Выбор зависит от требований интерфейса.

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