複数の配列を1つの多次元配列にしたい

Question

前提・実現したいこと

配列サイズが同じ以下2つの配列がある。
array1 = ['a','b','c',...]
array2 = ['A','B','C',...]

これらを以下のように組み替えたい。
array3 = [['a','A'],['b','B'],['c','C']...]

発生している問題・エラーメッセージ

pushを使用しようとすると、undefinedエラーが表示され、array1とarray2の値がarray3に格納できない。

TypeError: Cannot read property 'push' of undefined

該当のソースコード

array1 = ['a','b','c',...];
array2 = ['A','B','C',...];
array3 = [];

for(var i = 0; i < array1.length; i++){
 array3[i].push(array1[i]);
 array3[i].push(array2[i]);
}

試したこと

以下のように書き換えて実行した。
for(var i = 0; i < array1.length; i++){
array3[i] = array1[i];
array3[i].push(array2[i]);
}

結果として以下の通りとなり、実現したい状態にならなかった。
array3 = [['a',['A']],['b',['B']],['c',['C']],...]

補足情報（FW/ツールのバージョンなど）

Comments

[miyabi_pudding]

'a'と、'A'というように、
大文字と小文字は、同じインデックスに必ずあるのでしょうか？
また、大文字と小文字をひとくくりにしたいのでしょうか、それとも、
同じインデックスであれば、違うアルファベットでもいいのでしょうか。

Answer 1

以下のように書き換えて実行した。

pushだと配列内に配列が追加されてしまいます。
要はインデックスが同じ要素をまとめた配列にするので、色々やり方はあると思いますがmapでarray1かarray2のどちらかを回した方がいいかと思います。

const array1 = ['a','b','c'];
const array2 = ['A','B','C'];
const array3 = array1.map((v, i) => {
    return [v, array2[i]];
});

console.log(array3)

[ [ 'a', 'A' ], [ 'b', 'B' ], [ 'c', 'C' ] ]