WISSENSARTIKEL / COMPUTER & HARDWARE

ArrayBuffer – Effiziente Verwaltung binärer Daten in JavaScript

Grundlage für die Arbeit mit binären Daten in Web- und JavaScript-Anwendungen

◎ KURZDEFINITION

Arraybuffer Ein ArrayBuffer ist ein Objekt in JavaScript, das einen festgelegten, zusammenhängenden Speicherbereich für binäre Daten bereitstellt.

Eigenständig verständliche Definition
✦

Das Wichtigste auf einen Blick

  • ArrayBuffer ist ein unveränderlicher Speicherbereich für binäre Daten in JavaScript.
  • Zugriff auf die Daten erfolgt über Typed Arrays oder DataView.
  • Wichtig für effiziente Datenverarbeitung in Web- und Node.js-Anwendungen.
  • Grundlage für viele moderne Web APIs und Multimedia-Anwendungen.
  • Ermöglicht performante und flexible Handhabung großer Datenmengen.
01

Überblick: Arraybuffer

In modernen Webanwendungen und JavaScript-Programmen ist die effiziente Verarbeitung von binären Daten essenziell, etwa für Multimedia, Netzwerkkommunikation oder Dateiverarbeitung. Der ArrayBuffer stellt hierfür einen grundlegenden Datentyp dar, der einen zusammenhängenden Speicherbereich definiert, auf den über verschiedene Ansichten (Typed Arrays) zugegriffen werden kann.

02

Was ist ein ArrayBuffer?

Ein ArrayBuffer ist ein JavaScript-Objekt, das einen zusammenhängenden Speicherbereich für binäre Daten repräsentiert. Die Größe des Speicherbereichs wird bei der Erstellung festgelegt und kann danach nicht mehr verändert werden. Der ArrayBuffer selbst bietet keinen direkten Zugriff auf die Daten, sondern dient als Grundlage für sogenannte Views, die den Zugriff und die Interpretation der Daten ermöglichen.

03

Funktionsweise und Aufbau

Der ArrayBuffer enthält eine feste Anzahl von Bytes, die als Rohdaten gespeichert werden. Um auf diese Daten zuzugreifen, verwendet man Typed Arrays (z. B. Uint8Array, Float32Array) oder DataView. Diese Views interpretieren die Bytes entsprechend ihres Datentyps und erlauben das Lesen und Schreiben der Daten in der gewünschten Form.

04

Typisierte Arrays und DataView

Typed Arrays sind spezielle Views auf einen ArrayBuffer, die die Daten als bestimmte Datentypen interpretieren, z. B. als 8-Bit-Ganzzahlen oder 32-Bit-Gleitkommazahlen. DataView hingegen erlaubt flexiblen Zugriff auf den ArrayBuffer mit der Möglichkeit, verschiedene Datentypen an beliebigen Positionen zu lesen und zu schreiben, was besonders bei komplexen Binärformaten nützlich ist.

05

Übersicht wichtiger Typed Arrays

Typed ArrayBeschreibungSpeichergröße pro Element
Uint8ArrayUnsigned 8-Bit Integer1 Byte
Int16ArraySigned 16-Bit Integer2 Bytes
Float32Array32-Bit Gleitkommazahl4 Bytes
06

Anwendungsbereiche von ArrayBuffer

ArrayBuffer wird in vielen Bereichen eingesetzt, darunter: Verarbeitung von Multimedia-Daten (Audio, Video, Bilder), Netzwerkkommunikation (z. B. WebSockets), Dateiverarbeitung (z. B. Blob-Objekte), WebGL für Grafikprogrammierung und generell überall dort, wo effiziente und flexible Handhabung von Binärdaten erforderlich ist.

07

Vorteile von ArrayBuffer

ArrayBuffer ermöglicht eine performante und speichereffiziente Verwaltung binärer Daten. Durch die Trennung von Speicher und Interpretation über Views können Daten flexibel und ohne unnötige Kopien verarbeitet werden. Dies ist besonders wichtig bei großen Datenmengen und Echtzeitanwendungen.

08

Vor- und Nachteile von ArrayBuffer

VorteileNachteile
Effiziente SpeicherverwaltungGröße ist nach Erstellung fix
Flexibler Zugriff über Typed ArraysKomplexere Handhabung als einfache Arrays
Grundlage für viele Web APIsKein direkter Zugriff auf Rohdaten ohne Views
09

Erstellung und Nutzung eines ArrayBuffer

Ein ArrayBuffer wird in JavaScript mit dem Konstruktor new ArrayBuffer(byteLength) erzeugt, wobei byteLength die Anzahl der Bytes angibt. Anschließend kann man eine View wie Uint8Array erstellen, um auf die Daten zuzugreifen. Beispiel: const buffer = new ArrayBuffer(16); const view = new Uint8Array(buffer);

10

Wichtig

✦

ArrayBuffer selbst bietet keinen direkten Zugriff auf die Daten. Um die Daten zu lesen oder zu schreiben, muss immer eine View wie ein Typed Array oder DataView verwendet werden.

◇

Zusatzinformationen

◇

Begriff: ArrayBuffer

Definition: Ein Objekt, das einen festen Block von Rohdaten im Speicher repräsentiert.

Verwendung: Speicherung und Manipulation von binären Daten in JavaScript.

Typische Größe: Variabel, bei Erstellung festgelegt.

Zugriff: Über Typed Arrays oder DataView.

Unveränderlichkeit: Größe ist fix, Inhalt änderbar über Views.

Standard: Teil der ECMAScript 2015 (ES6) Spezifikation.

Aa

Synonyme und alternative Bezeichnungen

?

Häufige Fragen zu Arraybuffer

Was ist der Unterschied zwischen ArrayBuffer und Typed Arrays?

ArrayBuffer ist der Rohspeicherbereich für binäre Daten, während Typed Arrays Views sind, die den Zugriff auf die Daten im ArrayBuffer als bestimmte Datentypen ermöglichen.

Kann die Größe eines ArrayBuffer nach der Erstellung geändert werden?

Nein, die Größe eines ArrayBuffer ist nach der Erstellung fest und kann nicht verändert werden.

Welche Vorteile bietet die Verwendung von ArrayBuffer in Webanwendungen?

ArrayBuffer ermöglicht eine effiziente und performante Verarbeitung großer binärer Datenmengen, was besonders bei Multimedia, Netzwerkkommunikation und Grafik wichtig ist.

Wie greife ich auf die Daten in einem ArrayBuffer zu?

Man verwendet Views wie Typed Arrays (z. B. Uint8Array) oder DataView, um die Daten im ArrayBuffer zu lesen oder zu schreiben.

Ist ArrayBuffer Teil des JavaScript-Standards?

Ja, ArrayBuffer ist seit ECMAScript 2015 (ES6) Teil des JavaScript-Standards.

Kann ich ArrayBuffer in Node.js verwenden?

Ja, ArrayBuffer ist auch in Node.js verfügbar und wird dort für die Arbeit mit Binärdaten genutzt.

Wie unterscheidet sich DataView von Typed Arrays?

DataView erlaubt flexiblen Zugriff auf verschiedene Datentypen an beliebigen Speicherpositionen, während Typed Arrays eine feste Interpretation der Daten als einheitlichen Typ bieten.

▤

Quellen & weiterführende Informationen

Quellenvorschläge und Nachweise zum Artikel. Bitte externe Inhalte eigenständig prüfen.

3 Quellen
  1. 01
    MDN Web Docs – ArrayBuffer ↗
    Mozilla· Mozilla Contributors· DokumentationKI-Vorschlag · ungeprüft

    Offizielle Dokumentation zu ArrayBuffer in JavaScript.

    https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer
  2. 02
    ECMAScript 2015 Language Specification ↗
    ECMA International· ECMA TC39· StandardKI-Vorschlag · ungeprüft

    Offizielle Spezifikation des ArrayBuffer-Objekts.

    https://tc39.es/ecma262/#sec-arraybuffer-objects
  3. 03
    JavaScript Typed Arrays and Binary Data ↗
    HTML5 Rocks· Google Developers· TutorialKI-Vorschlag · ungeprüft

    Erklärung und Beispiele zur Verwendung von Typed Arrays und ArrayBuffer.

    https://www.html5rocks.com/en/tutorials/webgl/typed_arrays/

Artikel teilen oder einbetten

Teile diesen Wissensartikel oder binde eine kompakte Vorschau auf deiner eigenen Website ein.

f Facebookin LinkedIn𝕏 X◉ WhatsApp
War dieser Artikel hilfreich?Dein Feedback hilft, die Wissensplattform zu verbessern.
ANSWER ENGINE · ARTIKEL

Diese Seite in Zahlen

Artikelstatistik
↗–Aufrufe dieses Artikels
◷–Unique Nutzer letzte 24 Stunden
◉–Unique Nutzer heute
▦–Unique Nutzer diesen Monat
Feedback zu diesem Artikel
👍 Ja
0
◐ Teilweise
0
👎 Nein
0

Alle Werte in diesem Abschnitt beziehen sich ausschließlich auf diesen Artikel.

ANSWER ENGINE · GESAMTES NETZWERK

Wissensplattform in Zahlen

Netzwerkstatistik
↗–Seitenaufrufe gesamt
◷–Unique Nutzer letzte 24 Stunden
◉–Unique Nutzer heute
▦–Unique Nutzer diesen Monat

Diese Werte beziehen sich auf die gesamte Plattform und alle veröffentlichten Artikel.