オブジェクトの二重ブラケットの意味 obj[[hoge]]

Question

こちらのQiitaの記事のコメント欄にこのようなコードがあります。

• JavaScript: [????, ????, ????, ????, ????, ????]のような配列を[[????, ????, ???? ], [????, ????, ????]]に仕分けする

https://qiita.com/suin/items/25908e15aeaa7e3a1ae6

Array.prototype.reduce() と Object.values() で実装してみました｡

https://codepen.io/keisukekudo/pen/JjGWvgj

const animals = ['????', '????', '????', '????', '????', '????'];

const func = (array) => {
  const group = array.reduce((acc, cur) => {
    acc[[cur]] = [...(acc[[cur]] ?? []), cur];
    return acc;
  }, {});
  return Object.values(group);
};

func(animals).forEach((v) => console.log(v));

このコードのacc[[cur]]という記法にはどういう意味があるのでしょうか。
Consoleで色々試してみましたが、通常のacc[cur]との違いがわかりません。実際に置き換えても結果は変わりませんでした。ご存じの方がおられましたら回答よろしくお願いします。

Answer 1

このコードのacc[[cur]]という記法にはどういう意味があるのでしょうか。

全く無意味で、acc[cur]と書けば済む話です。

acc[[cur]]を文法通り読めば、「accの添字に[cur]という配列を指定する」ことになりますが、JavaScriptで添字は**文字列かSymbol**である必要があります。

結果、配列を指定した場合は文字列への変換が行われますが、この場合の動作は.join(',')と同様なものとなります。配列の中身がcurという文字列1つなので、文字列変換した結果もcurと一致します。

Comments

[terakyo]

この場合意味は特にないんですね。ありがとうございました。