如何比较数组的javascript对象与其他对象

Question

波纹是折线对象

var firstpolyline = new L.Polyline(myPointList, {
    color: 'red',
    weight: 5,
    smoothFactor: 1
    });

我已将此折线对象添加到数组中

var allpolylines = [];
allpolylines.push(firstpolyline);

像这样我在这个数组中添加了5个折线对象。

现在我正在创建另一个折线对象。

var mytpolyline = new L.Polyline(myPointList, {
    color: 'red',
    weight: 5,
    smoothFactor: 1
    });

现在我想比较mytpolyline对象与数组的对象并找到该数组对象的索引。

我试过的是

var index = allpolylines.indexOf(mytpolyline);

但这不是给出数组对象的索引。

Answer 1

您无法直接比较对象，它们永远不会相等，除非您明确地引用它们

var a = {};
var b = {};
var c = a;

b == a // false
c == a // true

如果要检查数组中的对象是否相等，很遗憾，您必须单独比较每个属性。

for (prop in a){
    if (a.hasOwnProperty){
        // compare a.prop to b.prop 
    }
}

使用普通（非对象）属性和更新的浏览器，您可以这样做：

function comp(a,b){
    return Object.keys(a).every(function(prop){
        if (!b[prop]){ return false; }
        else if (a[prop] !== b[prop]){ return false; }
        return true;
    });
}

看一个例子 。

参考文献：

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/every