Referensi Array Tipe JavaScript

Array Terikat Tipe JavaScript

Pada Javascript, array terikat tipe adalah area buffer yang mirip dengan array biner.

Tidak ada atribut atau objek JavaScript bernama TypedArray, tetapi atribut dan metode dapat digunakan bersama dengan objek array terikat tipe:

Contoh

const myArr = new Int8Array(10);

Coba Sendiri

Objek Array Terikat Tipe

Objek Tipe Data Range
Int8Array Besar dengan Simbol (Bit) -128/127
Uint8Array Besar Tidak Adalah (Bita Satu) 0/255
Uint8ClampedArray Besar Tidak Adalah (Bita Satu) 0/255
Int16Array Pendek -32768/32767
Uint16Array Besar Tidak Adalah Pendek 0/65535
Int32Array Besar dengan Simbol -231/231-1
Uint32Array Besar Tidak Adalah 0/232
Float32Array Besar dengan 7 Digit Efektif 1.2x10-38/3.4x1038
Float64Array Besar Kedua dengan 16 Digit Efektif 5.0x10-324/1.8x10308
BigInt64Array Besar Ganjil dengan Simbol -263/263-1
BigUint64Array Besar angka tak beraturan 0/264

Keterangan

Array yang tertipis bukan array.

Pada Typed Array, fungsi isArray() mengembalikan false.

Array yang tertipis tidak mendukung banyak metode array (seperti push dan pop).

Array yang tertipis adalah objek seperti array, digunakan untuk menyimpan data biner di memori.

Metode dan properti Typed Array

Metode / Properti Deskripsi
BYTES_PER_ELEMENT Hitung properti untuk menghitung jumlah byte yang digunakan untuk menyimpan elemen.
fill() Isi semua elemen dengan nilai yang sama.
find() Kembalikan elemen pertama yang memenuhi kondisi.
name Kembalikan nama array yang tertipis.
of() Buat array yang tertipis dengan array.
some() Jika elemen memenuhi kondisi, kembalikan true.

Perbandingan antara Uint8Array dan Uint8ClampedArray

Perbedaan antara Uint8Array dan Uint8ClampedArray terletak di bagaimana menambahkan nilai.

Jika elemen Uint8ClampedArray diatur ke nilai di luar rentang 0-255, dia akan secara default diatur ke 0 atau 255.

Array yang tertipis hanya mengambil 8 bit pertama.

Manfaat array yang tertipis

Array yang tertipis menyediakan metode untuk mengelola data biner, sama efektif seperti kerja array di C.

Array yang tertipis adalah memori asli, sehingga JavaScript dapat mengirimkannya langsung ke setiap fungsi tanpa perlu mengubah data ke bentuk lain.

Array yang tertipis lebih cepat daripada array biasa, digunakan untuk mengirim data ke fungsi yang dapat menggunakan data biner asli (permainan komputer, WebGL, Canvas, API berkas, API media).

API browser mendukung tipe array yang tertipis

Contoh Fetch API

fetch(url)
.then(request => request.arrayBuffer())
.then(arrayBuffer =>...);

Contoh Canvas

const canvas = document.getElementById('my_canvas');
const context = canvas.getContext('2d');
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const uint8ClampedArray = imageData.data;

Dukungan Browser

typedArray Adalah fitur ECMAScript6 (ES6).

Semua browser modern mendukung ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ya Ya Ya Ya Ya

Internet Explorer 11 (dan versi yang lebih awal) tidak mendukung typedArray.