1. ホーム
  2. javascript

[解決済み] Internet ExplorerにおけるJavaScriptの配列関数(indexOf, forEachなど)の修正について [終了しました]。

2022-06-05 15:12:54

質問

詳細 他の場所 にあるように、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 関数として確実に実装できるものです。