javascript - 在数组上使用 hasOwnProperty()

Question

我可以在数组上使用 hasOwnProperty() 吗？我有这个 RGBA 数组值(value)观:

colors = [[240,120,120,255], [125,222,111,255], [9,56,237,255], [240,120,120,255], [240,120,120,255], [240,120,120,255]]

我想创建一个对象，按照它们在数组中出现的频率对它们进行排序。我正在尝试组合。

首先我想到使用以下方法将数组转换为对象:

function toObject(arr) {
  var rv = {};
  for (var i = 0; i < arr.length; ++i){
    rv[i] = arr[i];
  }
  //console.log('the array is now this ', rv)
  return rv;
}

但这会返回类似这样的内容:

 {0: [240,120,120,255], 1:[125,222,111,255],2:[9,56,237,255], 3:[240,120,120,255], 4:[240,120,120,255], 5:[240,120,120,255]}

所以我想知道我是否可以像这样调用它的 hasOwnProperty？

  function reduceColors(passedArray){
    var empty = {}
    return passedArray.filter(function(item){
      return empty.hasOwnProperty(item["value"])
    })
  }

Answer 1

您可以为此使用哈希。 通过散列，您可以将具有相同值的数组按相同的顺序分组，并且可以计算它们的频率。

这是一个例子:

var colors = [[240,120,120,255], [125,222,111,255], [9,56,237,255], [240,120,120,255], [240,120,120,255], [240,120,120,255]];


var hashed = [];

colors.forEach(function(arr){
    var id = hash(arr);
    var contains = hashed.find(v => v.id == id);
    if(contains){
        contains.count++;
    }else{
        hashed.push({id:id, color:arr, count:1});
    }
});

hashed.sort(function(a,b){return b.count - a.count;})

console.log(hashed);

function hash(arr){
  var hash = "#";
  arr.forEach(function(v){
     hash+=v.toString(16);
  });
  return hash;
}

在这个例子中，我通过将 RGBA 值转换为十六进制数来创建散列，但更好的解决方案是像那样存储它们(十六进制)，因此您将拥有一个一维数组而不是二维数组。