web-dev-qa-db-ja.com

JavaScriptにindexOfがあり、カスタム比較関数で配列を検索しますか

配列の最初の値のindexが必要です。これはカスタム比較関数と一致します。

とてもいい nderscorej には、関数がtrueを返す最初の値を返す「検索」関数がありますが、代わりにインデックスを返す必要があります。比較に使用される関数を渡すことができるindexOfのバージョンがどこかにありますか？

提案をありがとう！

javascriptunderscore.jsindexof
27
Pedi T.

これを行うアンダースコアの方法は次のとおりです。これにより、コアアンダースコア関数が反復子関数を受け入れる関数で拡張されます。

// 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
26
nrabinowitz

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
  });
}
10
Husky

あなたはこのようなことをすることができます：

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などに依存する可能性のあるサードパーティのライブラリを取り込む場合に特に当てはまります。ええ、おそらく別の名前にしたいでしょう。

7
Nathan Andrew Mullenax

他の人が指摘したように、自分でロールバックするのは簡単で、特定のユースケースでは短くてシンプルに保つことができます。

// 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)
3
joyrexus

Nrabinowitzの code の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
})
1
Shiva Huang

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

(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;
    }
  }
}());
1
23W

JavaScript配列メソッドfilterは、渡された関数から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;
}
1
kennebec

アンダースコアを使用して、_。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;
};

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

0
Pedi T.