ArrayBuffer in JavaScript | Erklärt

In diesem Beitrag werden wir diskutieren, was das ArrayBuffer -Objekt in JavaScript zusammen mit Beispielen befindet.

Was ist ArrayBuffer?

Ein Array von Bytes ist als Array -Puffer in JavaScript bekannt, während er in einigen anderen Sprachen als „Byte -Array“ bezeichnet wird.

• Der ArrayBuffer Das Objekt stellt einen Roh-Binärdatenpuffer mit fester Länge dar, dessen Inhalt nicht direkt geändert werden kann.
• Ein Dataview -Objekt kann auch verwendet werden, um darauf zuzugreifen, was ein ist ungetarn Super flexible Ansicht über einen ArrayBuffer oder ein typisiertes Array -Objekt, das aus regulären Array -Methoden wie MAP, STICE usw. besteht, usw.
• Der Inhalt wird mit diesen Objekten gelesen und geschrieben.

Alle Änderungen an einem Objekt der ArrayBuffer ist für die anderen Objekte sichtbar und nur ein Dataview oder ein typisiertes Array -Objekt muss in einem einzelnen Array -Puffer enthalten sein.

Syntax von ArrayBuffer

Der Syntax von ArrayBuffer in JavaScript ist unten angegeben:

New ArrayBuffer (Bytelength);

Der Bytelength ist ein obligatorisches Argument und bezeichnet die Länge oder Größe des Array -Puffers in Bytes, die erstellt werden.

Notiz: Der Rückgabewert ist das NeuarrayBuffer -Objekt mit Größe Bytelength.

Um das Konzept eines ArrayBuffer -Objekts in JavaScript weiter zu erfassen, lassen Sie uns ein Beispiel durchlaufen.

Beispiel 1

In diesem Beispiel werden wir einfach das ArrayBuffer-Objekt initialisieren und die Größe 16 angeben und dann die Länge des initialisierten Puffers mit der integrierten Methode des Array/Puffer-Objekt-Bytelengths angeben:

// Puffer mit Länge 16 initialisieren
var myBuffer = new ArrayBuffer (16);
// Konsole protokollieren die Länge von MyBuffer
Konsole.Protokoll (MyBuffer.Bytelength); // 16

Beispiel 2

Lassen Sie uns das ArrayBuffer -Objekt mithilfe von Dataview ein wenig weiter manipulieren. Wie bereits erwähnt, können wir keine Operation bei ArrayObject ändern oder ausführen, es sei denn, wir verwenden eine Ansicht:

// Initialisieren Sie das ArrayBuffer -Objekt mit Größe 16
var myBuffer = new ArrayBuffer (16);
// Dataview, das sich auf MyBuffer -Objekt bezieht
var view1 = new Dataview (myBuffer);
// Int8Array, das sich auf MyBuffer -Objekt bezieht
var view2 = new int8Array (myBuffer);
// Wert auf 32 Bit setzen
View1.setInt32 (0, 0x76543210);
// Konsole protokollieren Sie den 32 -Bit -Wert
Konsole.log ("32 Bitwert:"+Ansicht1.GetInt32 (0).tostring (16));
// Konsolenprotokoll nur den 8 -Bit -Wert
Konsole.log ("8 Bitwert:"+Ansicht1.GetInt8 (0).tostring (16));
Konsole.log ("32 Bitwert:"+View2 [0].tostring (16));

Im obigen Code haben wir zuerst ein ArrayBuffer -Objekt mit Größe 16 initialisiert und dann auf das ArrayObject mit einem Dataview verwiesen. Wir wiederholten den Vorgang der Initialisierung einer anderen Ansicht mit der Int8Array Dies repräsentiert das 8-Bit. Danach setzen wir den ersten Ansichtswert auf 32 Bit und den zweiten Ansichtswert auf 8-Bit-Wert und dann auf Konsolenprotokoll:

Abschluss

Eines der Kernobjekte in JavaScript ist das ArrayBuffer Objekt, das eine zusammenhängende Speicherraumreferenz mit fester Länge ist, deren Inhalt nicht direkt geändert werden kann; Stattdessen benötigen wir ein getipptes Array oder eine Datenansicht. Die Datenansicht gibt ein Format an, das beispielsweise in JavaScript Methoden verwendet, Getuint8 (Offset). Einfach ausgedrückt wird ein ArrayBuffer verwendet, um binäre Daten zu speichern, z. B. binäre Daten einer Datei oder eines Bildes.

In diesem Beitrag haben wir das ArrayBuffer -Objekt in JavaScript zusammen mit zwei Beispielen besprochen, in denen das erste das ArrayBuffer -Objekt einfach initialisiert hat, und im zweiten Beispiel haben wir das ArrayBuffer -Objekt manipuliert.