型付き配列とは何か、およびそれらの使用方法を確認してください
JavaScript Provides 8 型付き配列タイプ:
Int8Array
8ビット符号付き整数の配列Int16Array
16ビット符号付き整数の配列Int32Array
32ビット符号付き整数の配列Uint8Array
8ビットの符号なし整数の配列Uint16Array
16ビットの符号なし整数の配列Uint32Array
32ビットの符号なし整数の配列Float32Array
32ビット浮動小数点数の配列Float64Array
64ビット浮動小数点数の配列
それらのすべてはArrayBufferView
インスタンス。
型付き配列は、本質的にはArrayBuffer
、すべてのアイテムのサイズとタイプは同じです。
DataView
はArrayBufferの別のビューですが、この場合、配列内の項目は異なるサイズとタイプを持つことができます。
8ビットの符号付き整数の配列を作成する方法の例を次に示します。
const a = new Int8Array()
nバイトを事前に割り当てることができます。
const bytes = 1024
const a = new Int8Array(bytes)
主な用途は、それ自体が不透明なArrayBufferを調べることです(コンテンツを検査することはできません)。
その方法は次のとおりです。
//we got this `buffer` ArrayBuffer
const a = new Int8Array(buffer)
これらの型指定された配列は配列に似ているため、通常の配列アクセス手法を使用してバッファーの内容を検査でき、次のような多くのメソッドやプロパティにアクセスできます。map()
、reduce()
等々。
型付き配列の主な使用例は、WebGL、WebオーディオまたはCanvas API。一部のWebGL関数は、通常のJavaScript配列よりもはるかにパフォーマンスが高いため、型付き配列を想定しています。
覚えておくべきことの1つは、型付き配列では制御できないということです。エンディアン:プラットフォームのバイトオーダーを使用します。一般に、これは問題なく機能します。これは、前述の主な使用例は、マルチメディアAPIの1つを使用して配列をローカルで使用することであるためです。また、Intelはその規則を使用しているため、ほとんどのコンシューマーコンピューターはリトルエンディアンを使用します。ただし、ビッグエンディアンを使用するシステムで型付き配列のデータを転送すると、データのエンコードが不適切になり、無効になる可能性があります。
エンディアンをこのように制御する必要がある場合は、DataView代わりに。
私の無料ダウンロードJavaScriptビギナーズハンドブック
その他のブラウザチュートリアル:
- HTML5で利用できるいくつかの便利なトリック
- CMSベースのWebサイトをオフラインで機能させる方法
- プログレッシブウェブアプリの完全ガイド
- Fetch API
- プッシュAPIガイド
- チャネルメッセージングAPI
- サービスワーカーのチュートリアル
- キャッシュAPIガイド
- 通知APIガイド
- IndexedDBに飛び込む
- セレクターAPI:querySelectorおよびquerySelectorAll
- 延期と非同期でJavaScriptを効率的にロードする
- ドキュメントオブジェクトモデル(DOM)
- Web Storage API:ローカルストレージとセッションストレージ
- HTTPCookieのしくみを学ぶ
- 履歴API
- WebP画像形式
- XMLHttpRequest(XHR)
- 詳細なSVGチュートリアル
- データURLとは
- Webプラットフォームを学ぶためのロードマップ
- CORS、クロスオリジンリソースシェアリング
- Webワーカー
- requestAnimationFrame()ガイド
- Doctypeとは何ですか
- DevToolsコンソールとコンソールAPIの操作
- 音声合成API
- プレーンJavaScriptでDOMreadyイベントを待つ方法
- DOM要素にクラスを追加する方法
- querySelectorAllからDOM要素をループする方法
- DOM要素からクラスを削除する方法
- DOM要素にクラスがあるかどうかを確認する方法
- DOMノード値を変更する方法
- querySelectorAllから返されたDOM要素のリストにクリックイベントを追加する方法
- WebRTC、リアルタイムWeb API
- JavaScriptで要素のスクロール位置を取得する方法
- DOM要素を置き換える方法
- 入力ファイルフィールドの画像のみを受け入れる方法
- なぜブラウザのプレビューバージョンを使用するのですか?
- Blobオブジェクト
- ファイルオブジェクト
- FileReaderオブジェクト
- FileListオブジェクト
- ArrayBuffer
- ArrayBufferView
- URLオブジェクト
- 型付き配列
- DataViewオブジェクト
- BroadcastChannel API
- Streams API
- FormDataオブジェクト
- ナビゲーターオブジェクト
- GeolocationAPIの使用方法
- getUserMedia()の使用方法
- ドラッグアンドドロップAPIの使用方法
- Webページのスクロールを操作する方法
- JavaScriptでのフォームの処理
- キーボードイベント
- マウスイベント
- タッチイベント
- DOM要素からすべての子を削除する方法
- バニラJavascriptを使用してHTML属性を作成する方法
- JavaScriptを使用してチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
- JavaScriptを使用してクリップボードにコピーする方法
- JavaScriptを使用してボタンを無効にする方法
- ブラウザでページを編集可能にする方法
- URLSearchParamsを使用してJavaScriptでクエリ文字列値を取得する方法
- ページからすべてのCSSを一度に削除する方法
- insertAdjacentHTMLの使用方法
- Safari、終了する前に警告する
- JavaScriptを使用してDOMに画像を追加する方法
- フォームをリセットする方法
- GoogleFontsの使い方