Internet ExplorerのJavaScript配列関数(indexOf、forEachなど)の修正[終了]


137

詳述したように他の場所で、それ以外の場合は明らかによく知られている、Internet Explorerの(間違いなく、バージョン7、およびいくつかの例では、バージョン8)の上に、特に重要な機能を実装していないArray(例えばforEachindexOfなど、)。

あちこちにいくつかの回避策がありますが、コピーアンドペーストしたり、独自の実装をハックしたりするのではなく、実装の適切な標準セットをサイトに組み込みたいと思います。有望に思えるjs-methodsを見つけましたが、ここに投稿して、別のライブラリがより強く推奨されるかどうかを確認したいと思いました。その他のいくつかの基準:

  • ライブラリはちょうどブラウザはすでにの実装を持っていること、これらの機能には、運転あってはならない(js-methods表示されますが、ここでは非常にうまくやって)。
  • LGPLは許容されますが、非GPLをお願いします。

回答:


220

多くはMDCフォールバック実装を使用しています(たとえば、indexOfの場合)。それらは一般的に、すべての引数の型を明示的にチェックする程度まで、厳密に標準に準拠しています。

残念ながら、作者がこのコードを些細で自由に使用できるものと見なしていることは明らかですが、これを書面で提示する明示的なライセンス許諾はないようです。ウィキは全体としてCC Attribution-ShareAlikeです(それが許容できるライセンスである場合)(CCはそのようなコード用に設計されていません)。

js-methodsは一般的にOKに見えますが、関数が想定されている方法(たとえば、未定義のリスト項目、リストを変更する関数)の周囲では標準に準拠していません。それはまた、他のランダムな非標準のメソッドでいっぱいです。怪しげなstripTagや不完全な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関数として確実に実装できるいくつかの新しいメソッドが含まれます。


5
そのポインタをありがとう-そのような実装が見つかるかもしれないmozdevに私が見た他のリンクは古くなっていた。ここで指定されているようFYI、コードは、MITライセンスされていますdeveloper.mozilla.org/Project:Copyrightsは(約良好とあなたが得ることができるように:-)!
cemerick

1
興味深いことに、jquery 1.4.2より前にすべてのMDC ECMA262-5実装を含むjsファイルを参照すると、jqueryが壊れます。たとえば、すべてのセレクターが失敗し、nullが返されます。jqueryの後にMDC実装を移動すると、予期した動作が発生します。非常に奇妙な。
セメリック

それはある好奇心!それを見てみましょう(テストケースはありますか?)...これがなぜ発生するのか、すぐにはわかりませんが、jQueryが行72で行っていることは疑わしいようです。
ボビンス、

4
注:これらのスタブが必要なほとんどのブラウザーでは、「for(somearrayのインデックス){...}」を実行する場合、somearray.hasOwnProperty(index)をチェックとして使用する必要があります。IE <= 8のJSエンジンには、array.prototype拡張機能が含まれます。Google Adwords非同期コードはこれを行いません。Underscore、またはこれを標準化する別のライブラリの機能を使用するのが最適です。
Tracker1 2012年

1
これは、IE 8で最も高速なindexOf()実装です。ありがとう!
Alex Denysenko、2015年

27

Underscore.jsを見てください。


2
ES5Shimと他のスタブ(MDCなど)は、他の結果ももたらす傾向があります。これらのタイプの関数には、使用可能な場合は内部メソッドを使用するアンダースコアまたは別のライブラリを使用するのが最適です。
Tracker1 2012年

Underscore.jsの場合var arr = ['a'、 'a1'、 'b'] _.filter(arr、function(a){return a.indexOf( 'a')> -1;})
sri_bb

9

Kris Kowalは、ブラウザの実装から欠落している可能性があるECMAScript 5関数のシムとして機能する小さなライブラリをコンパイルしました。一部の機能は、速度を最適化し、ブラウザのバグを回避するために、他の人々によって何度も改訂されています。関数は、可能な限り仕様に準拠するように記述されています。

es5-shim.jsはMITライセンスの下でリリースされました。Array.prototype拡張が一番上にあり、必要のない機能を簡単に選択して削除できます。また、コメントが必要以上に大きくなるため、スクリプトを縮小することをお勧めします。


1

「主要な機能を実装しない」とは、実際には「ECMA 262 3 rd edに準拠する」という意味ですか?:)

あなたが参照しているメソッドは新しい第5版の一部です-これをサポートしていないブラウザでは、次の「シム」を使用して、3番目を5番目に拡張でき ますhttp://github.com/kriskowal/narwhal- lib / blob / narwhal-lib / lib / global-es5.js


1
それは良いスタートですが、MDCから取得されていない実装にはかなりの数のエラーがあります。例えば。配列メソッドの多くは、コールバックに十分な引数を渡さず、コールバック関数で配列が変更された場合に正しく機能しません。
ボビンス

jsをより健全で最小限の機能を備えた言語にするために、できる限りのことは行います。</
snark

1

これらのスクリプトは、私のテストではうまく機能しません。MDNドキュメントに基づいて、同じ機能を持つファイルを作成します。

Internet Explorer 8で解決された問題領域が多すぎます。egermano / ie-fix.jsのコードを参照してください。


0

Underscore.js

var arr=['a','a1','b'] _.filter(arr, function(a){ return a.indexOf('a') > -1; })

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.