javascript - javascript中的indexOf（对象）

Question

以下代码中的错误：-

var x = [{id: 'abc'}, {id: 'xyz'}];

var index = x.indexOf({id: 'abc'});

上面的语法是什么？

Answer 1

您应该将引用传递给您在数组中定义的完全相同的对象：

var a = {id: 'abc'},
    b = {id: 'xyz'};

var index = [a, b].indexOf(a);  // 0

Answer 2

仅当对象引用完全相同的对象实例时，对象才彼此相等。

您需要实现自己的搜索功能。例如：

Array.prototype.indexOfObject = function(obj) {
    var l = this.length, i, k, ok;
    for( i=0; i<l; i++) {
        ok = true;
        for( k in obj) if( obj.hasOwnProperty(k)) {
            if( this[i][k] !== obj[k]) {
                ok = false;
                break;
            }
        }
        if( ok) return i;
    }
    return -1; // no match
};

var x = [{id: 'abc'}, {id: 'xyz'}];
var index = x.indexOfObject({id: 'abc'}); // 0

Answer 3

像这样遍历数组：

for(var i = 0, len = x.length; i < len; i++) {
    if (x[i].id === 'abc') {
        console.log(i);
        break;
    }
}

否则，您必须确保要查找的对象的指针相同indexOf

Answer 4

让我们在这里写一些不错的代码；）

Underscore.js 提供了where，用纯 JS 编写也相当容易：

Array.prototype.where = function(props) {
    return this.filter(function(e) {
        for (var p in props)
            if (e[p] !== props[p])
                return false;
        return true;
    });
}

另一个（更灵活的）函数将对象或函数理解为选择器：

Array.prototype.indexBy = function(selector) {
    var fn = typeof selector == "function" ? selector :
        function(elem) {
            return Object.keys(selector).every(function(k) {
                return elem[k] === selector[k]
            })
        }
    return this.map(fn).indexOf(true); 
}

进而

var x = [{id: 'abc'}, {id: 'xyz'}];
x.indexBy({'id': 'xyz'}) // works
x.indexBy(function(elem) { return elem.id == 'xyz' }) // works too

Answer 5

var o = {}
var x = [o]
console.log(x.indexOf(o))

随着x.indexOf({})您创建一个新对象，数组中不存在

Answer 6

以下是最妙的方法：-

var indexId = x.map(function(e) { return e.id; }).indexOf('abc');

如this answer所示