[解決済み] Internet ExplorerにおけるJavaScriptの配列関数(indexOf, forEachなど)の修正について [終了しました]。
質問
詳細
他の場所
にあるように、Internet Explorer (間違いなくバージョン 7、そしていくつかの例ではバージョン 8) は主要な機能、特に
Array
(のような)キー関数を実装していません。
forEach
,
indexOf
など)。
あちこちに回避策がありますが、独自の実装をコピー&ペーストしたりハックしたりするのではなく、適切で正規の実装のセットを私たちのサイトに折り込みたいと思います。私が見つけたのは js-methods を見つけましたが、他のライブラリがより高く推奨されるかどうかを見るために、ここに投稿しようと思いました。2、3 の雑多な基準。
-
ライブラリは、ブラウザがすでに実装しているような機能については操作不要であること (
js-methods
はここでかなりうまくいっているように見えます)。 - 非 GPL にしてください。 LGPL は許容範囲です。
どのように解決するのですか?
多くの場合、MDC フォールバック実装を使用します (たとえば indexOf ). 彼らは一般的に、すべての引数の型を明示的にチェックする程度まで、厳密に標準に準拠しています。
残念ながら、作者がこのコードを些細で自由に使えると見なしていることは明らかですが、これを文章にするための明示的なライセンス付与はないようです。もしそれが許容可能なライセンスであるならば、Wiki 全体として CC Attribution-ShareAlike です (CC はそのようなコードのために設計されているわけではありませんが)。
js-methods は一般的には問題ないように見えますが、関数がどのようにあるべきかの端では標準に準拠していません (たとえば、未定義のリストアイテムやリストを変更する関数など)。また、他のランダムな非標準メソッドでいっぱいで、怪しい stripTags や不完全な UTF-8 コーデックのような疑わしいものもあります (これは
unescape(encodeURIComponent)
トリックを考えると、これは少し不要です)。
価値あるものであるために、私が使用しているものは次のとおりです (これは、著作権があると言えるのであれば、パブリックドメインとしてここに公開します)。非関数のコールバックや非整数のインデックスを渡すような愚かなことをしていないことをタイプスニッフしようとしないので、MDC バージョンより少し短いですが、それ以外は標準に準拠しようとしています。(何か見逃していることがあれば教えてください。)
'use strict';
// Add ECMA262-5 method binding if not supported natively
//
if (!('bind' in Function.prototype)) {
Function.prototype.bind= function(owner) {
var that= this;
if (arguments.length<=1) {
return function() {
return that.apply(owner, arguments);
};
} else {
var args= Array.prototype.slice.call(arguments, 1);
return function() {
return that.apply(owner, arguments.length===0? args : args.concat(Array.prototype.slice.call(arguments)));
};
}
};
}
// Add ECMA262-5 string trim if not supported natively
//
if (!('trim' in String.prototype)) {
String.prototype.trim= function() {
return this.replace(/^\s+/, '').replace(/\s+$/, '');
};
}
// Add ECMA262-5 Array methods if not supported natively
//
if (!('indexOf' in Array.prototype)) {
Array.prototype.indexOf= function(find, i /*opt*/) {
if (i===undefined) i= 0;
if (i<0) i+= this.length;
if (i<0) i= 0;
for (var n= this.length; i<n; i++)
if (i in this && this[i]===find)
return i;
return -1;
};
}
if (!('lastIndexOf' in Array.prototype)) {
Array.prototype.lastIndexOf= function(find, i /*opt*/) {
if (i===undefined) i= this.length-1;
if (i<0) i+= this.length;
if (i>this.length-1) i= this.length-1;
for (i++; i-->0;) /* i++ because from-argument is sadly inclusive */
if (i in this && this[i]===find)
return i;
return -1;
};
}
if (!('forEach' in Array.prototype)) {
Array.prototype.forEach= function(action, that /*opt*/) {
for (var i= 0, n= this.length; i<n; i++)
if (i in this)
action.call(that, this[i], i, this);
};
}
if (!('map' in Array.prototype)) {
Array.prototype.map= function(mapper, that /*opt*/) {
var other= new Array(this.length);
for (var i= 0, n= this.length; i<n; i++)
if (i in this)
other[i]= mapper.call(that, this[i], i, this);
return other;
};
}
if (!('filter' in Array.prototype)) {
Array.prototype.filter= function(filter, that /*opt*/) {
var other= [], v;
for (var i=0, n= this.length; i<n; i++)
if (i in this && filter.call(that, v= this[i], i, this))
other.push(v);
return other;
};
}
if (!('every' in Array.prototype)) {
Array.prototype.every= function(tester, that /*opt*/) {
for (var i= 0, n= this.length; i<n; i++)
if (i in this && !tester.call(that, this[i], i, this))
return false;
return true;
};
}
if (!('some' in Array.prototype)) {
Array.prototype.some= function(tester, that /*opt*/) {
for (var i= 0, n= this.length; i<n; i++)
if (i in this && tester.call(that, this[i], i, this))
return true;
return false;
};
}
ここで実装されていない ECMA262-5 の他のメソッドには、Array
reduce
/
reduceRight
と、JSONのもの、そしていくつかの新しい
Object
メソッドのうち、JS 関数として確実に実装できるものです。
関連
-
vueが定義するプライベートフィルタと基本的な使い方
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] JavaScriptの配列で一意な値をすべて取得する(重複を排除する)。
-
[解決済み] JavaScriptで配列を空にするにはどうしたらいいですか?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み] JavaScriptで変数が配列であるかどうかを確認する方法は?
-
[解決済み] JavaScriptのオブジェクトの配列からidでオブジェクトを検索する
-
[解決済み】Internet Explorerのブラウザで、JavaScriptのArray indexOf()を修正する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
[解決済み】 Uncaught TypeError : undefined のプロパティ 'replace' を読み取れない In Grid
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
[解決済み] Javascriptでオブジェクトの配列の中の値を見つける [重複]。
-
[解決済み】Internet Explorerのブラウザで、JavaScriptのArray indexOf()を修正する方法
-
[解決済み】IE8で配列のindexOfが効かないのはなぜ?
-
[解決済み] JSONの文字列をURLでエスケープするには?