JavaScript TextDecoder.decode() — байти в рядок

Метод decode() перетворює байти на рядок.

правити

Загальний опис

Найважливіша опція — { stream: true }. Байти з мережі приходять шматками, і багатобайтовий символ (українська літера, емодзі) цілком може розірватись між двома шматками.

Без цієї опції розкодувальник побачить обірваний символ і поставить на його місце «крякозябру» — назавжди. З нею він запам'ятає незавершені байти й дочекається решти в наступному шматку.

Тому правило просте: читаєш потоком — завжди { stream: true } на всіх шматках, крім останнього.

правити

Порада

Дивні символи посеред тексту при потоковому читанні — це майже завжди забутий { stream: true }.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	38	19	10.1	25	79	—

Підтримка: мобільні переглядачі

Переглядач
	38	38	19	10.3

Підтримка: серверні переглядачі

Переглядач
	8.3.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

(async () => {
    const decoder = new TextDecoder();

    try {
        const reader = (await fetch('/img/logo.svg')).body.getReader();
        let text = '';

        while (true) {
            const { value, done } = await reader.read();

            if (done) {
                text += decoder.decode(); // добираємо хвіст
                break;
            }

            // без stream: true символ міг би розірватись між шматками
            text += decoder.decode(value, { stream: true });
        }

        console.log('Прочитано символів:', text.length);
    } catch (error) {
        console.log('Потік недоступний:', error.message);
    }
})();