您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

JavaScript使用对象对数组项进行分组

JavaScript使用对象对数组项进行分组

首先,在JavaScript中,使用遍历数组通常不是一个好主意for ... in

因此,您可以尝试执行以下操作:

var groups = {};
for (var i = 0; i < myArray.length; i++) {
  var groupName = myArray[i].group;
  if (!groups[groupName]) {
    groups[groupName] = [];
  }
  groups[groupName].push(myArray[i].color);
}
myArray = [];
for (var groupName in groups) {
  myArray.push({group: groupName, color: groups[groupName]});
}

groups这里使用中间对象有助于加快处理速度,因为它可以避免嵌套循环搜索数组。另外,因为groups使用迭代遍历对象(而不是数组)for ... in是合适的。

FWIW,如果要避免在结果数组中出现重复的颜色条目,可以if在该行上方添加一条语句groups[groupName].push(myArray[i].color);以防止重复。使用jQuery看起来像这样;

if (!$.inArray(myArray[i].color, groups[groupName])) {
  groups[groupName].push(myArray[i].color);
}

如果没有jQuery,您可能想添加一个功能与jQuery相同的函数inArray

Array.prototype.contains = function(value) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] === value)
      return true;
  }
  return false;
}

然后像这样使用它:

if (!groups[groupName].contains(myArray[i].color)) {
  groups[groupName].push(myArray[i].color);
}

请注意,无论哪种情况,由于所有额外的迭代,您都将放慢速度,因此,如果您不需要避免结果数组中出现重复的颜色条目,我建议您避免使用此额外的代码。那里

javascript 2022/1/1 18:24:15 有282人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶