Array.prototype.～の使い方について

Question

Array.prototype.forEach.call()とは何でしょうか？ arrayは配列のことですよね。 prototypeについては https://developer.mozilla.org/ja/JavaScript/Reference/Global_Objects/Array/prototype に説明があり、 forEachについては https://developer.mozilla.org/ja/JavaScript/Reference/Global_Objects/Array/forEach に説明があり、 callについては http://www.scollabo.com/banban/jsindex/sample/sample_027.html に説明がありましたが、何が何だかさっぱりです。また、Array.prototype.forEach.call()の場合は「array」＋「prototype」＋「forEach」＋「call」それぞれの説明を混ぜたものということになるのでしょうか。

を押すと”書き変えました”というテキストに書き変えるコードを書いてみました。理解できてないので動きません。アドバイスを頂けないでしょうか。

サンプル１: １１１１１
サンプル２: ２２２２２

babu_baboo · Accepted Answer

>

の部分を

に変更し > 実行しましたが書き換えられませんでした。あ～、のうないいんたーぷりんたのせいのうがわるくて、もうしわけない。 function click () { ～かんすうめいがわるい。Alick とか Blick とか Click とかてきとうにかえてください。いろいろとこむずかしい、しらべたせつめいをならべられても、よくわかりません！（まじ。） > (3)～ > というようにできますか？つくってうごかしてみればいいのでは？そうやってながれをりかいするほうがよいとおもいます。（わたしはいまもそうですが、そういうときはいまだに alert をつかいまくります。） document は、ぐろーばるですが、　いべんとがおきた「もとの document」と、おなじとはかぎらない。

babu_baboo · Answer

それって、わたしがかいたから？・・・。かんすうに、とくていのパラメータをわたすには、ひきすうとしてわたすほうほうと、 function hoge (arg0, arg1, arg2) { 　alert (arg0); 　alert (arg1); 　alert (arg2); } hoge (1,2,3); this をりようするほうほうがあります。 function hoge () { 　alert (this.arg0); 　alert (this.arg1); 　alert (this.arg2); } var p = { arg0: 1, arg1: 2, arg2: 3 }; hoge.call (p); forEach をりようするならば、 function hoge (n) { 　alert (n); } var ary = [1,2,3]; ary.forEach (hoge); うえの ary は、はいれつ (Array) ですが、 var ary2 = document.querySelectorAll ('#sample > dd'); この ary2 は、はいれつのようではいれつではなく、「（いきていない）のーどりすと」ですはいれつではないので、forEach をつかえないのです。ではどうするか？ちょっとごかいがあるかもしれませんが、おそれずにたとえると Array オブジェクトに prototype でつなげてある forEach かんすうそのものをよびだしてつかえばよいのです。よびだすには、ary2 を、this にしてつかうので Array.prototype.forEach.call (ary2, hoge); こうすることで、ary2 にある ddようそ１つ１つにたいして、かんすう hoge のだい１ひきすうとしてよびだし、じっこうすることができるようになるのです。もしこの hoge に、さらなるあたいをぱらめーたとしてわたしたいばあいは、それにも this をつかいます var p = { arg0: 1, arg1: 2, arg2: 3 }; Array.prototype.forEach.call (ary2, hoge, p); -- いべんとしょりのだい１ひきすうは、event ときまっているそうです

１１１１１

ではなく、

１１１１１

と、しましょうか。 function click (event) { 　var dd = event.target; // dd = element 　dd.textContent = '書き変えました'; } -- もし、dd ようそすべてをかきかえたいなら function click (event) { 　var dd = event.target; 　var doc = dd.ownerDocument; 　var dds = doc.querySelectorAll ('#sample > dd'); 　　Array.prototype.forEach.call (dds, function (e) { 　　e.textContent = '書き変えました'; 　}); }

Array.prototype.～の使い方について

> <dd onclick="click()">の部分を<dd onclick="click(event)">に変更し

それって、わたしがかいたから？

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング