Javascript ArrayBuffer, wofür ist es?

Question 1

Vielleicht ist es spät, oder vielleicht ist es der Grund , aber ich habe gerade die Dokumente für ArrayBuffer gelesen und kann mir keine einzige Sache vorstellen, für die es wirklich nützlich wäre.

Kann mich jemand aufklären?

Gibt es irgendwelche Verwendungszwecke, an die sich jeder erinnern kann, bei denen es sich nicht um Bilder handelt?

Question 2

Grundsätzlich wird ArrayBuffer verwendet, um Binärdaten zu speichern. Dies können beispielsweise die Binärdaten eines Bildes sein.

In anderen Sprachen haben sich Puffer als sehr nützlich erwiesen. Ja, natürlich ist es wenig schwierig zu verstehen / zu verwenden als andere Datentypen.

ArrayBuffer kann verwendet werden, um Daten von JPG-Bildern (RGB-Bytes) abzurufen und daraus ein PNG zu erzeugen, indem Alpha-Bytes (dh RGBA) hinzugefügt werden.

Die Mozilla-Site hat ArrayBuffer hier nur in geringem Umfang verwendet

Arbeiten mit komplexen Datenstrukturen

Durch Kombinieren eines einzelnen Puffers mit mehreren Ansichten unterschiedlicher Typen, beginnend mit unterschiedlichen Offsets im Puffer, können Sie mit Datenobjekten interagieren, die mehrere Datentypen enthalten. Auf diese Weise können Sie beispielsweise mit komplexen Datenstrukturen aus WebGL , Datendateien oder C-Strukturen interagieren , die Sie bei der Verwendung von js-ctypes verwenden müssen .

Betrachten Sie diese C-Struktur:
struct someStruct {  
  unsigned long id;  
  char username[16];  
  float amountDue;  
};  
Sie können auf einen Puffer zugreifen, der Daten in diesem Format enthält:
var buffer = new ArrayBuffer(24);  

// ... read the data into the buffer ...  

var idView = new Uint32Array(buffer, 0, 1);  
var usernameView = new Uint8Array(buffer, 4, 16);  
var amountDueView = new Float32Array(buffer, 20, 1);  
Dann können Sie beispielsweise auf den fälligen Betrag mit zugreifen amountDueView[0].

Hinweis: Die Ausrichtung der Datenstruktur in einer C-Struktur ist plattformabhängig. Treffen Sie Vorsichtsmaßnahmen und Überlegungen für diese Polsterungsunterschiede.

Question 3

Anders als Bilder ist es nützlich, um Netzwerkdatenpakete auf niedriger Ebene, die in Protokollen wie UDP verwendet werden, präzise zu erstellen und zu zerstören.

Question 4

An ArrayBufferrepräsentiert Binärdaten im RAM. Sie können ein ArrayBufferzum Lesen und Schreiben entweder mit einem typisierten Array oder mit einem "öffnen" DataView.

Typisierte Arrays wie Uint16Arraykönnen den Puffer lesen und schreiben, indem sie ihn als ein einzelnes Array von Ganzzahlen behandeln. Sie lassen dich nicht die Endianness kontrollieren ; Es nutzt die native Endianness der Plattform. Die Verwendung Uint8Arrayist nützlich, um einzelne Bytes zu steuern (dies wird nicht durch Endianness beeinflusst).

DataViewist nicht so einfach, aber es gibt Ihnen viel mehr Kontrolle. Sie haben die volle Kontrolle über Endianness, Integer-Größe und Byte-Index (z. B. können Sie an einem Index auf eine 32-Bit-Integer zugreifen, auch wenn diese nicht durch 32 Bit teilbar ist). Diese Dinge können jedes Mal ausgewählt werden, wenn Sie eine Ganzzahl mit derselben lesen und schreiben DataView.

Dies kann hilfreich sein: https://javascript.info/arraybuffer-binary-arrays