03.15. Typed Arrays - Erdinç Uzun

ES6 typed arrays dizi benzeri nesnelerdir ve ikili verilere erişmek için bir mekanizma sağlar. Bildiğiniz gibi, Array nesneleri dinamik olarak büyür ve küçülür ve herhangi bir JavaScript değerine sahip olabilir. JavaScript engine’leri, bu dizilerin hızlı olması için optimizasyonlar yapar. Ancak, web uygulamaları gitgide daha güçlü hale geldikçe, ses ve video manipülasyonu, WebSockets kullanarak verilere erişim, vb. bibi özellikler eklenmesi ile bu yapının daha iyi hale getirilmesi amaçlandı. ES6 Typed arrays, web uygulamaları ile birlikte network protokolleri, şifreleme algoritmaları ve dosya işlemleri gibi isteğe bağlı byte-tabanlı veri yapılarını destekler.

Bu konuyu basit bir örnek üzerinde anlatmaya çalışacağım.

//  C'deki yapısı, bu yapının benzerini ES6 kuracağız
//  struct Ornek { unsigned long id; char kuladi[16]; float miktar } 
class Ornek {
    constructor (buffer = new ArrayBuffer(24)) {
        this.buffer = buffer
    }

    set buffer (buffer) {
        this._buffer    = buffer
        this._id        = new Uint32Array (this._buffer,  0,  1)
        this._kuladi  = new Uint8Array  (this._buffer,  4, 16)
        this._miktar = new Float32Array(this._buffer, 20,  1)
    }

    get buffer ()     { return this._buffer       }
    set id (v)        { this._id[0] = v           }
    get id ()         { return this._id[0]        }
    set kuladi (v)  { this._kuladi[0] = v     }
    get kuladi ()   { return this._kuladi[0]  }
    set miktar (v) { this._miktar[0] = v    }
    get miktar ()  { return this._miktar[0] }
}

let nesne = new Ornek()
nesne.id = 7
nesne.kuladi = 90
nesne.miktar = 42.0

console.log(nesne.buffer, nesne.id, nesne.kuladi, nesne.miktar)

// C'deki yapısı, bu yapının benzerini ES6 kuracağız

// struct Ornek { unsigned long id; char kuladi[16]; float miktar }

class Ornek {

constructor (buffer = new ArrayBuffer(24)) {

this.buffer = buffer

}

set buffer (buffer) {

this._buffer = buffer

this._id = new Uint32Array (this._buffer, 0, 1)

this._kuladi = new Uint8Array (this._buffer, 4, 16)

this._miktar = new Float32Array(this._buffer, 20, 1)

}

get buffer () { return this._buffer }

set id (v) { this._id[0] = v }

get id () { return this._id[0] }

set kuladi (v) { this._kuladi[0] = v }

get kuladi () { return this._kuladi[0] }

set miktar (v) { this._miktar[0] = v }

get miktar () { return this._miktar[0] }

}

let nesne = new Ornek()

nesne.id = 7

nesne.kuladi = 90

nesne.miktar = 42.0

console.log(nesne.buffer, nesne.id, nesne.kuladi, nesne.miktar)

ArrayBuffer { byteLength: 24 } 7 90 42

1	ArrayBuffer { byteLength: 24 } 7 90 42

C’deki struct yapıya benzer bir sınıf oluşturduk. Ancak bu öncelikle bir buffer tanımladık ve bu buffer adresi üzerine üç farklı veri tipi ekledik. Bu verilere erişmek için get ve set property’leri tanımladık. Yönetimi biraz daha zahmetli olsa da özellikle yazılımınızın daha hızlı olmasını düşündüğünüzde kullanışlı olabilecek bir veri yapısıdır.

Daha fazla bilgi için tıklayın.