javascript - カスタム比較関数で配列を検索するためのjavascriptのindexOfはありますか

Question

カスタム比較関数に一致する、配列内の最初の値のインデックスが必要です。

非常に優れたアンダースコアjには、関数がtrueを返す最初の値を返す「検索」関数がありますが、代わりにインデックスを返すこれが必要です。比較に使用する関数を渡すことができる indexOf のバージョンはどこかにありますか?

ご提案ありがとうございます。

score 28 · Accepted Answer

アンダースコアの方法は次のとおりです。これは、コアのアンダースコア関数を、イテレータ関数を受け入れる関数で補強します。

// save a reference to the core implementation
var indexOfValue = _.indexOf;

// using .mixin allows both wrapped and unwrapped calls:
// _(array).indexOf(...) and _.indexOf(array, ...)
_.mixin({

    // return the index of the first array element passing a test
    indexOf: function(array, test) {
        // delegate to standard indexOf if the test isn't a function
        if (!_.isFunction(test)) return indexOfValue(array, test);
        // otherwise, look for the index
        for (var x = 0; x < array.length; x++) {
            if (test(array[x])) return x;
        }
        // not found, return fail value
        return -1;
    }

});

_.indexOf([1,2,3], 3); // 2
_.indexOf([1,2,3], function(el) { return el > 2; } ); // 2

score 12 · Accepted Answer

のECMAScript 2015 には標準関数がありArray.prototype.findIndex()ます。現在、Internet Explorer を除くすべての主要なブラウザーに実装されています。

これは、 Mozilla Developer Networkの厚意によるポリフィルです。

// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
if (!Array.prototype.findIndex) {
  Object.defineProperty(Array.prototype, 'findIndex', {
    value: function(predicate) {
     // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw new TypeError('"this" is null or not defined');
      }

      var o = Object(this);

      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;

      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
      if (typeof predicate !== 'function') {
        throw new TypeError('predicate must be a function');
      }

      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
      var thisArg = arguments[1];

      // 5. Let k be 0.
      var k = 0;

      // 6. Repeat, while k < len
      while (k < len) {
        // a. Let Pk be ! ToString(k).
        // b. Let kValue be ? Get(O, Pk).
        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
        // d. If testResult is true, return k.
        var kValue = o[k];
        if (predicate.call(thisArg, kValue, k, o)) {
          return k;
        }
        // e. Increase k by 1.
        k++;
      }

      // 7. Return -1.
      return -1;
    },
    configurable: true,
    writable: true
  });
}

score 7 · Accepted Answer

次のようなことができます。

Array.prototype.myIndexOf = function(f)
{
    for(var i=0; i<this.length; ++i)
    {
        if( f(this[i]) )
            return i;
    }
    return -1;
};

Christian のコメントについて: 標準の JavaScript メソッドを、同じ署名と異なる機能を持つカスタムメソッドでオーバーライドすると、悪いことが起こる可能性があります。これは、たとえば Array.proto.indexOf など、元のライブラリに依存する可能性があるサードパーティのライブラリを取り込む場合に特に当てはまります。ええ、あなたはおそらくそれを別の名前にしたいと思うでしょう。

score 3 · Accepted Answer

他の人が指摘しているように、独自のロールを作成するのに十分簡単で、特定のユースケースに合わせて短くシンプルに保つことができます。

// Find the index of the first element in array
// meeting specified condition.
//
var findIndex = function(arr, cond) {
  var i, x;
  for (i in arr) {
    x = arr[i];
    if (cond(x)) return parseInt(i);
  }
};

var moreThanTwo = function(x) { return x > 2 }
var i = findIndex([1, 2, 3, 4], moreThanTwo)

または、CoffeeScripter の場合:

findIndex = (arr, cond) ->
  for i, x of arr
    return parseInt(i) if cond(x)

score 1 · Accepted Answer

JavaScript 配列メソッドフィルターは、渡された関数から true を返す配列のサブセットを返します。

var arr= [1, 2, 3, 4, 5, 6],
first= arr.filter(function(itm){
    return itm>3;
})[0];
alert(first);

if you must support IE before #9 you can 'shim' Array.prototype.filter-

Array.prototype.filter= Array.prototype.filter || function(fun, scope){
    var T= this, A= [], i= 0, itm, L= T.length;
    if(typeof fun== 'function'){
        while(i<L){
            if(i in T){
                itm= T[i];
                if(fun.call(scope, itm, i, T)) A[A.length]= itm;
            }
            ++i;
        }
    }
    return A;
}

score 1 · Accepted Answer

nabinowitz のコードの coffeescript バージョンを次に示します。

# save a reference to the core implementation
indexOfValue = _.indexOf

# using .mixin allows both wrapped and unwrapped calls:
# _(array).indexOf(...) and _.indexOf(array, ...)
_.mixin ({
    # return the index of the first array element passing a test
    indexOf: (array, test) ->
        # delegate to standard indexOf if the test isn't a function
        if (!_.isFunction(test))
            return indexOfValue(array, test)
        # otherwise, look for the index
        for item, i in array
            return i if (test(item))
        # not found, return fail value
        return -1
})

score 1 · Accepted Answer

そのような検索機能はどうですか？

(function () {
  if (!Array.prototype._find) {
    Array.prototype._find = function (value) {
      var i = -1, j = this.length;
      if (typeof(value)=="function") 
         for(; (++i < j) && !value(this[i]););
      else
         for(; (++i < j) && !(this[i] === value););

      return i!=j ? i : -1;
    }
  }
}());

score 0 · Accepted Answer

アンダースコアを使用して、_。anyを使用してfind実装からコピーしたものを思いつきました。

findIndex = function (obj, iterator, context) {
    var idx;
    _.any(obj, function (value, index, list) {
        if (iterator.call(context, value, index, list)) {
            idx = index;
            return true;
        }
    });
    return idx;
};

あなたはどう思いますか？もっと良い解決策はありますか？

javascript - カスタム比較関数で配列を検索するためのjavascriptのindexOfはありますか

8 に答える 8

Related

Reference