forEachメソッドを使用して、配列に代入する方法について

Question

下記の変数に対しforEachメソッドを使用して、
別な配列に入れ替える処理を行いたいと思っています。

const array1 = ['a', 'b', 'c'];

このarray1の配列をarray2に入れ替え様と思い下記のようなコードを作成しました。

const array1 = ['a', 'b', 'c'];

let array2:any = []
array2 = array1.forEach((element:any) => { 
	array2.push(element)
	debugger
	return});
console.log(array2)

debuggerツールを使用して確認したのですが、array2には["a","b","c"]と入っているようなのですが、
consoleで出力すると、なぜかundefinedとなります。
なぜ、array2はundefinedになってしまうのか？
どなたかご教示いただけますと幸いです。

Answer 1

既に回答されていますが、forEach中でpushを行うだけで十分で、戻り値を代入する必要はないです。
どうしても戻り値を使う場合はmapを使うといいです。

const array1 = ['a', 'b', 'c'];

let array2:any = []

// forEachの結果をarray2に入れる必要はないです
array1.forEach((element:any) => array2.push(element));
// 別解(戻り値を使いたい場合、mapを使用する)
// array2 = array1.map((element:any) => element);
console.log(array2);

Comments

[takochan1192]

なるほど、そういうことだったのですね。
ついついreturnを入れてしまいました。
ご回答ありがとうございました。

Answer 2

forEachの返り値(undefined)をarray2に代入しているからです。

Comments

[takochan1192]

ご回答ありがとうございます。forEachには戻り値returnを設定する必要がないのですね。
ご指摘ありがとうございました。