中身が空の二次元配列を生成する方法

Question

知りたいこと

• 中身が空の2次元配列を生成する方法
  • 1次元目の配列の長さは指定
  • 2次元目は空の配列
  • 期待する出力結果の例）[[], [], []]
• circular object Array とは何か？
  • （これについては、できれば知りたいという感じなので、無回答でも大丈夫です）

試したこと

以下のコードを考えました。この中のどれか、または他に効率的な書き方がないか知りたいです。

• 試したコードJSFiddle版

// この方法は、要素数が多い時大変なのでダメ
let arr1 = [[], [], []];
console.log(arr1)

// コードの見た目はきれいだけど、2つめ以降が circular object Array になる
let arr2 = Array(3).fill([]);
console.log(arr2);

// 出力結果は理想通りですが、冗長的な記法に感じる
let arr3 = [...Array(3)].map(() => Array());
let arr4 = Array.from({length: 3}, () => []);
console.log(arr3);
console.log(arr4);

arr2の方法だと出力結果が[[], [circular object Array], [circular object Array]]となります。
circular object Array とは何でしょうか？
検索をかけてみたのですが、海外のサイトばかりヒットしてよく分かりませんでした。

Answer 1

let arr2 = Array(3).fill([]);

fillにオブジェクトを指定するとすべて同じオブジェクトが参照されるのでNG

let arr3 = [...Array(3)].map(() => Array());

上記がベターでしょう

const a = Array(3).fill(null).map(()=>[]);

文字列から

別回です

const a = JSON.parse(`[${',[]'.repeat(3).substr(1)}]`);
console.dir(a);

Comments

[Cocode]

circular object Arrayに関わる回答ありがとうございます！！「すべて同じオブジェクトが参照される」とはつまり、2次元目の [ ] のうちどれか一つを変更したら、連動して他の全部も同じ内容になるということですか？

[yambejp]

> どれか一つを変更したら、連動して他の全部も同じ内容になる

そうですよ。
const a = Array(3).fill([]);
a[0].push(1);
console.dir(a);

[Cocode]

いただいたコードを試してみました。全部 1 になっていました。NGだと知られてよかったです。ご回答ありがとうございました！

[yambejp]

jsonの文字列から起こすという考え方もありますね
追記しておきました

[Cocode]

所見としては、

■小さい配列の場合
let arr3 = [...Array(3)].map(() => Array());
げよくて、

■大きい配列の場合
Think49さんの回答がよさそうと感じました。
function sample (i) {
const array = [];
while (i--) array.push([]);
return array;
}

みなさんありがとおうございましたー！

Answer 2

以下のコードを考えました。この中のどれか、または他に効率的な書き方がないか知りたいです。

mapやfillは配列を作り直しているので効率が良くありません。
配列初期化時にまとめて要素を生成するコードが最も効率が良いと思います。

'use strict';
function sample (i) {
  const array = [];
  while (i--) array.push([]);
  return array;
}


console.log(sample(3)); // [[], [], []]

Re: Cocode さん

Comments

[Cocode]

回答ありがとうございます。確かに、処理の観点からいうと一番軽そうです…！