forEach()のcallbackの引数名は決まっているのでしょうか？

Question

currentValue,index,arrayの3種類に決まっているのでしょうか？
それとも、自由に定義出来るのでしょうか？

Comments

[退会済みユーザー]

ここで質問するより、ブラウザで試したほうが早くないですか？

[taka_oct092018]

.

Answer 1

決まっていません。何でもいいです。
定義する引数の個数も0個～3個のどれでもいいです。
必要なものだけ定義すればいいと思います。
必要なければ何も定義しなくて構いません。

var arr = ["a", "b", "c"];

arr.forEach(function() {
  // 引数はないがループはする
});

arr.forEach(function(v) {
  // vにcurrentValueが入っている
});

arr.forEach(function(v, i) {
  // vにcurrentValue、iにindexが入っている
});

arr.forEach(function(v, i, a) {
  // vにcurrentValue、iにindex、aにarrayが入っている
});

Comments

[taka_oct092018]

具体的で丁寧な回答をありがとうございます。
とても勉強になりました。

Answer 2

引数名は決まっていないです。
どのように返しているかはconsole.logを入れるとわかります。

var arr = [1, 2, 3];
arr.forEach(console.log);
// arr.forEach(function callback(currentValue [, index [, array]])
// 以下の結果から引数が3つあることがわかる
// 1 0 [1, 2, 3]
// 2 1 [1, 2, 3]
// 3 2 [1, 2, 3]

Comments

[taka_oct092018]

返信ありがとうございます。

Answer 3

引数名は決まっていません。その時々で適切な名前に変えて大丈夫です。
だからといって第二引数に value という名前を与えても、インデックスが渡されます。

// value でも良いが、それが HTMLElement であることがわかるように、 elm と名付ける
[...document.getElementsByTagName('foo')].forEach(elm => console.log(elm));

// かならず値、インデックス、もとの配列、の順番で与えられるので、変数名だけ変えても意味はない
['foo', 'bar', 'baz'].forEach((val, idx, arr) => console.log(val, idx, arr))
/*
foo 0 (3) ["foo", "bar", "baz"]
bar 1 (3) ["foo", "bar", "baz"]
baz 2 (3) ["foo", "bar", "baz"]
*/

['foo', 'bar', 'baz'].forEach((idx, arr, val) => console.log(val, idx, arr))
/*
(3) ["foo", "bar", "baz"] "foo" 0
(3) ["foo", "bar", "baz"] "bar" 1
(3) ["foo", "bar", "baz"] "baz" 2
*/

Comments

[taka_oct092018]

返信ありがとうございます。

Answer 4

自由に決められます。a,b,cでもokです。第二引数、第三引数を利用しないのなら省略しても構いません。

---

追記
引数は0個でも大丈夫だそうですね・・・

Comments

[taka_oct092018]

返信ありがとうございます。