AttackTube

URL.createObjectURL()とURL.revokeObjectURL()について書いていく。

このファイルの存在チェックの最新はこちら

2023年現在、JavaScriptにおけるファイルの存在チェック方法は次の通り。
fetchメソッドとasync/awaitを使うとファイルの存在チェックを行うコードを書ける。
fetchメソッド: ES2015(ES6)で導入
async/await: ES2017(ES8)で導入

このコードはライブラリを使用せず、純粋なJavaScriptを使用して、指定されたファイルの存在を確認する。
ネイティブなJavaScriptの機能(fetch関数とasync/await)を利用して、指定されたファイルの存在を確認する。

ArrayBufferオブジェクトには、lengthプロパティは存在しない。しかし、byteLengthプロパティが存在する。

ArrayBufferオブジェクトをBlobオブジェクトに変換は、「ArrayBufferオブジェクトが1つの場合」と「複数のArrayBufferオブジェクトが配列に格納されている場合」で方法が違うので注意すること。
ここはややこしく難しいところであるため、気を付けること。

// ArrayBufferオブジェクトが1つの場合
// arrayBuffer =  ArrayBuffer
// arrayBufferをBlob オブジェクトに変換する。
// ArrayBufferオブジェクトはfirefoxのコンソールには[object ArrayBuffer]と出る。
const blob = new Blob([arrayBuffer]);

// 複数のArrayBufferオブジェクトが配列に格納されている場合
// arrayBufferList = [ArrayBuffer,ArrayBuffer,ArrayBuffer,ArrayBuffer,ArrayBuffer・・・・]
// arrayBufferListをBlob オブジェクトに変換する。
// blobオブジェクトはfirefoxのコンソールには[object Blob]と出る。
const blob = new Blob(arrayBufferList);

Typed ArrayのUint8Arrayオブジェクトのbufferプロパティにアクセスする。これがArrayBufferオブジェクトである。
「Uint8Arrayオブジェクトのbufferプロパティへの参照 = ArrayBufferオブジェクト」
これがTyped ArrayからArrayBufferオブジェクトへの変換である。

const ua = Uint8Array.of(1,2,3,4,5,6)
// あるいは
// const ua = new Uint8Array([1,2,3,4,5,6])

const buf = ua.buffer

ua
// [1, 2, 3, 4, 5, 6]

buf
// ArrayBuffer {}

JavaScriptにジェネレータ(Generator)なんてあったのか。
知らんかった。これは中級者向けと位置付けることにする。
また今度、勉強しよ。今のとこジェネレータ(Generator)は知らなくていいや。

ArrayBufferオブジェクトをTyped Array(型化された配列)に変換は下記の記事を参照すること。

【JavaScript】Uint8Array【中級者】

配列の要素とオブジェクトのプロパティはdelete演算子を使って削除可能である。
しかし、次のようにdelete演算子の挙動が複雑である。

私は、挙動が複雑なdelete演算子は使わないことにする。代わりにMap Objectを使うことにする。