![const u32Arr = new Uint32Array(new ArrayBuffer(1024));!
// ArrayBufferの第一引数はバイト数、実際の要素数はViewのバイト数で割った数
// 32bitなら1024 / 4で256要素格納可能
u32Arr[0] = 1; // ここでは0byteオフセット byteLength = 0 && length = 0!
u32Arr[1] = 1; // ここでは4byteオフセット byteLength = 4 && length = 1!
!
const dv = new DataView(new ArrayBuffer(1024));!
dv.setUint8(2, 1); // Uint8の値を2byteオフセットの位置に書き込む!
dv.setInt32(0, 1); // Int32の値を4byteオフセットの位置に書き込む](https://image.slidesharecdn.com/js-data-structure-170606123811/85/javascript-11-320.jpg)
javascriptのデータ構造の話
- 2. : @brn ( a.k.a ) : : Cyberagent RightSegment AI Messenger : http://abcdef.gets.b6n.ch/ Twitter: https://twitter.com/brn227 GitHub: https://github.com/brn
- 3. Why? javascript • • •
- 4. • => Array • => Object • => Object • Set => Object • Object Map Set => Map Set • Iterator => Object.keys • Object => WeakMap • Object => WeakMap • => TypedArray • => DataSet
- 6. Array javascript • • •
- 7. Object PPrrooss • • • • CCoonnss •
- 10. ArrayBuffer ArrayBufferView ArrayBuffer TypedArray DataView view TypedArray Uint**Array Int**Array Unsigned Signed 8 32 DataView View
- 11. const u32Arr = new Uint32Array(new ArrayBuffer(1024));! // ArrayBufferの第一引数はバイト数、実際の要素数はViewのバイト数で割った数 // 32bitなら1024 / 4で256要素格納可能 u32Arr[0] = 1; // ここでは0byteオフセット byteLength = 0 && length = 0! u32Arr[1] = 1; // ここでは4byteオフセット byteLength = 4 && length = 1! ! const dv = new DataView(new ArrayBuffer(1024));! dv.setUint8(2, 1); // Uint8の値を2byteオフセットの位置に書き込む! dv.setInt32(0, 1); // Int32の値を4byteオフセットの位置に書き込む
- 12. ArrayBuffer ArrayBufferView • • ( )
- 13. Map Java Map PPrrooss • • iterator CCoonnss • •
- 14. Map • •
- 15. Set Java Set Map PPrrooss • • iterator CCoonnss • •
- 16. Set • •
- 17. WeakMap GC PPrrooss • • CCoonnss • •
- 18. WeakMap •
- 20. Be better … Javascript Object Object javascript
- 21. // より防御的なデータ構造 Object.freeze({}); // webのマナーではないれども... Object.defineProperty(arr, 'length', {! writable: false,! value: arr.length! }); // lengthを固定!
- 24. Performance TypedArray Firefox Safari Chrome IE/Edge
- 26. Performance • Map • Map WeakMap • • Safari • Edge
- 27. Result • => Array • => Object • => Object • Set => Object • Object Map Set => Map Set • Iterator => Object.keys • Object => WeakMap • Object => WeakMap • => TypedArray • => DataSet
- 28. Summary …