IE11でJS[filter]が構文エラーに

Question

IE11でのjavascriptの挙動についての質問です。
現在、2つの配列を比較してその差を新たな配列に代入するというスクリプトを実装しているのですが、ChromeやFireFoxに対してIE11のみ動作しなくて困っています。
使用している関数は、filterです。

var checked_values = [];
if(values_a){
	checked_values = values_a.filter(values_a_array => thispagevalue.indexOf(values_a_array) == -1);
}

checked_valuesの定義。
values_aの配列が存在する場合、配列thispagevalueと比較して、その差を配列checked_valuesに代入。
というようなことをしています。

上記のようなスクリプトです。

無知なりにIEの要素の検査などで調べたとところfilterの"=>"あたりが怪しいと思うのですが。。。。

何か回避策、修正策をご存知の方がいらっしゃいましたら回答をいただけると助かります。
よろしくいお願いします。

Answer 1

IEで使えないのは、filterではなく、アロー関数です。
=>で関数を指定する構文です。
（質問の構文では、returnと{}を省略してますが、それもIEだと動かない）
IEに対応したいなら、functionキーワードを使うか、
Babelなどで対応しましょう。

Babelなどの導入が難しいなら、下記のようになるかと。

if(values_a){
  checked_values = values_a.filter(function(values_a_array){ 
    return thispagevalue.indexOf(values_a_array) == -1;
  });
}

Comments

[percy_]

ありがとうございます。ちょっと調べてみます。

[miyabi_pudding]

IEでも動く構文を記載しましたので、どうかご参考ください。

[percy_]

ありがとうございます。今、書換えをしようと思っていたところでした。
構文までありがとうございます。
早速試してみます！

[percy_]

ありがとうございました。無地IEでも動作することを確認しました。

[miyabi_pudding]

良かったです。
IEだと、新しい記法が使えなかったりがけっこうあるので、注意が必要です。