配列ライクなオブジェクトの連結のためArray.prototype.push.applyを使っているが、IEで動かない

配列ライクなオブジェクトを Array.prototype.push.apply で結合しています。
Firefoxでは動いていますが、IEで動きません。
何か代替方法があるでしょうか。

indexOf が IE で動かなくて、ウェブサイトに自分でコーディングする方法が多数掲載されていたので、
そちらを参照して対応したのですが、Array.prototype.push.apply については情報ないですよね。。。

該当するソースを抜き出してというのが難しいので、ひとまず、オブジェクトをJSON.stringifyで変換したものを下に記します(firefoxでの動作)。

JSON.stringify(オブジェクト1)

{"0":{},"length":1,"prevObject":{"0":{"jQuery183005384515478961538":269},"length":1,"prevObject":{"0":{"jQuery183005384515478961538":268},"context":{"jQuery183005384515478961538":268},"length":1},"context":{"jQuery183005384515478961538":268},"selector":".parent()"},"context":{"jQuery183005384515478961538":268},"selector":".parent() div.datagrid-view1 table.datagrid-btable tr[style*="background-color:"]"}

JSON.stringify(オブジェクト2)

{"0":{},"length":1,"prevObject":{"0":{"jQuery183005384515478961538":318},"length":1,"prevObject":{"0":{"jQuery183005384515478961538":317},"context":{"jQuery183005384515478961538":317},"length":1},"context":{"jQuery183005384515478961538":317},"selector":".parent()"},"context":{"jQuery183005384515478961538":317},"selector":".parent() div.datagrid-view1 table.datagrid-btable tr[style*="background-color:"]"}

Array.prototype.push.apply(オブジェクト1,オブジェクト2)で連結した後のオブジェクト1

{"0":{},"1":{},"length":2,"prevObject":{"0":{"jQuery183005384515478961538":269},"length":1,"prevObject":{"0":{"jQuery183005384515478961538":268},"context":{"jQuery183005384515478961538":268},"length":1},"context":{"jQuery183005384515478961538":268},"selector":".parent()"},"context":{"jQuery183005384515478961538":268},"selector":".parent() div.datagrid-view1 table.datagrid-btable tr[style*="background-color:"]"}

行動規範の内容に同意します

回答2件

ベストアンサー

Array.prototype.push.apply

IE で動かない理由は特にないと思います。
下記コードを IE で実行したらどうなりますか。
また、IE のバージョンも明らかにしてください。

Array.prototype.indexOf, String.prototype.indexOf

indexOf が IE で動かなくて、ウェブサイトに自分でコーディングする方法が多数掲載されていたので、

Array.prototype.indexOf, String.prototype.indexOf のどちらですか。
何がどう動かないのか、コードを出して明らかにしてください。

String.prototype.indexOf は ES3 当時から古いAPIなので IE で使えないという事はないはずです。
Array.prototype.indexOf は IE9+ で使用できます。

Re: yuri_aj さん

投稿2016/12/20 07:08

編集2016/12/20 09:42

think49

総合スコア18162

yuri_aj

2016/12/20 09:19

ご提示いただいたコードをIEで実行したら、うまくいっております。使用しているIEのバージョンは11です。 indexOfについては、Array.prototype.indexOfです。ちなみにですが、配列ではなくて、配列ライクなオブジェクトです。不慣れで、自分のソースを公開できる形式で準備できましたら提示させていただきます。

think49

2016/12/20 09:45 編集

To: yuri_aj さん Array.prototype.push, Array.prototype.indexOf は意図的に汎用的に動作するよう仕様で規定されているので、それ(this値)が配列でなくとも動作するはずです。こちらで検証したところでは「length の存在しない疑似配列」を与えると IE11 で期待通りに動作しませんでしたが、正しい length を与えてやれば期待通りに動作しました。親記事を修正済。 https://jsfiddle.net/zoyth6Lv/1/ https://jsfiddle.net/zoyth6Lv/3/

yuri_aj

2016/12/21 07:47

おっしゃるような「lengthの存在しない擬似配列」？のようです。どうやったらいいのかわかりませんが、試行錯誤しているところです。

think49

2016/12/21 08:48

To: yuri_aj さん簡易的にでいいので再現可能なコードを出してほしかったところです。こちらでコードを組み立てるのに少し時間がかかったので出来るだけそちらで再現な能なミニマムコードまで作っていただけると助かります。 https://jsfiddle.net/j3zc39a7/ にてIE11 で期待通りに動作しました。ところで、jQueryオブジェクトには jQuery#add があったと思います。 pushやconcatがないのは不便ではありますが、for文でaddを繰り返しても実装可能ですね。 https://api.jquery.com/add/

yuri_aj

2016/12/22 04:30

ご提示いただいたコードでIEでもFirefoxと同様に動いたということは、やっぱり動作しないのは、他に原因がありそうです。タイトルの疑問については、おかげさまで解決されたようですので、これでクローズとさせていただこうと思います。ソースをご提示できないままで、お手数をおかけしました。ありがとうございました。

行動規範の内容に同意します

こういった感じでできました。

html
1<p class="test1"></p>
2<p class="test1"></p>
3<p class="test1"></p>
4<p class="test2"></p>
5<p class="test2"></p>
6<p class="test2"></p>
7

javascript
1var test1 = document.querySelectorAll('.test1');
2var test2 = document.querySelectorAll('.test2');
3
4var arr1 = Array.apply(null, test1);
5var arr2 = Array.apply(null, test2);
6[].push.apply(arr1, arr2);
7
8console.log(arr1); // [p.test1, p.test1, p.test1, p.test2, p.test2, p.test2 ]