JavaScriptで多次元配列の要素を追加＆編集する方法

Snap.svgを使っていたら、 pathメソッドのd属性の引数を多次元配列で設定する必要がありました。 多次元配列の追加

// 多次元配列の生成
var array = [["Jan","Feb","Mar","Apr"],["a", "b", "c", "d"]]; 
// 右辺は「new Array(["Jan","Feb","Mar","Apr"],["a", "b", "c", "d"]);」と書いてもよい
 
// 新しい配列を追加する(pushメソッドで)
array.push(["あ", "い", "う", "え"]);
// 新しい配列を追加する(代入で)
array[array.length] = ["ア", "イ", "ウ", "エ"];
 
alert(array.toString()); // 「Jan,Feb,Mar,Apr,a,b,c,d,あ,い,う,え,ア,イ,ウ,エ」と出力

多次元配列の編集

// array要素である配列の要素の書き換え
array[array.length - 1][0] = "X";
array[array.length - 1][1] = "Y";
 
alert(array.toString());　// 「Jan,Feb,Mar,Apr,a,b,c,d,あ,い,う,え,X,Y,ウ,エ」と出力

12行目以降の要素の書き換え処理は、 今作っているドローイングアプリの処理の中でさりげなく上司が使っており、ぷち感動。 自分もすぐに思いつけるようにしておきたい、とメモ。