Как преобразовать Uint8Array в строку в Javascript

Содержание

1 Маленькие струны
2 Реализация браузера
3 Кроссплатформенный метод
4 Большие блоки

Работая с node.js или другими платформами javascript (мультиоперабельность), вы обнаружите, что некоторые методы решают вернуть что-то отличное от строки. Uint8Array — это типизированный массив, представляющий массив 8-разрядных целых чисел без знака.

В следующем списке методов представлен набор эффективных способов преобразования Uint8Array в обычную строку в javascript.

Маленькие струны

Следующий метод приемлем для маленьких массивов (> = 100 тыс. Символов), в противном случае вы получите исключения как RangeError : Maximum call stack size exceeded или же Out of stack space, Однако вы должны знать, что этот метод плохо работает с символами UTF-8.

function uint8arrayToStringMethod(myUint8Arr){
return String.fromCharCode.apply(null, myUint8Arr);
}

Реализация браузера

Если ваш javascript выполняется в браузере, вы можете использовать TextEncoder а также TextDecoder встроенные функции, которые позволяют вам выбрать, какую кодификацию вы хотите использовать. API кодирования помогает решить проблему преобразования строк.

/**
* Convert an Uint8Array into a string.
*
* @returns {String}
*/
function Decodeuint8arr(uint8array){
return new TextDecoder("utf-8").decode(uint8array);
}
/**
* Convert a string into a Uint8Array.
*
* @returns {Uint8Array}
*/
function Encodeuint8arr(myString){
return new TextEncoder("utf-8").encode(myString);
}

Кроссплатформенный метод

Следующий метод очень полезен и работает довольно хорошо. Он не использует хаки и не зависит от функций браузера JS, например, работает также в других средах JS. Работает через соглашение UTF-8.

// http://www.onicos.com/staff/iz/amuse/javascript/expert/utf.txt
/* utf.js - UTF-8  UTF-16 convertion
*
* Copyright (C) 1999 Masanao Izumo
* Version: 1.0
* LastModified: Dec 25 1999
* This library is free.  You can redistribute it and/or modify it.
*/
function Utf8ArrayToStr(array) {
var out, i, len, c;
var char2, char3;
out = "";
len = array.length;
i = 0;
while(i > 4)
{
case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:
// 0xxxxxxx
out += String.fromCharCode(c);
break;
case 12: case 13:
// 110x xxxx   10xx xxxx
char2 = array[i++];
out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
break;
case 14:
// 1110 xxxx  10xx xxxx  10xx xxxx
char2 = array[i++];
char3 = array[i++];
out += String.fromCharCode(((c & 0x0F) << 12) |
((char2 & 0x3F) << 6) |
((char3 & 0x3F) << 0));
break;
}
}
return out;
}

Большие блоки

Если ваш блок данных огромен, вы можете использовать метод, который правильно работает с большими данными (асинхронный метод). В этом случае мы создадим BLOB-объект, содержащий наш Uint8Array, а затем воспользуемся средством чтения файлов, чтобы прочитать его как текст.

/**
* Converts an array buffer to a string
*
* @param {Uin8} uint8arr | The buffer to convert
* @param {Function} callback | The function to call when conversion is complete
*/
function largeuint8ArrToString(uint8arr, callback) {
var bb = new Blob([uint8arr]);
var f = new FileReader();
f.onload = function(e) {
callback(e.target.result);
};
f.readAsText(bb);
}
// Usage example
// "Hello" in Uint8Array format
var myuint8Arr = new Uint8Array([72, 101, 108, 108, 111, 32, 33]);
largeuint8ArrToString(myuint8Arr,function(text){
// Hello
console.log(text);
});

Замечания: Как уже было сказано, этот метод рекомендуется, только если вы обрабатываете огромные наборы данных.

Повеселись