代码之家 › 专栏 › 技术社区 › Vladimir Humeniuk

按对象中的值将大数组排序为小数组

ecmascript-6 arrays javascript

-4

Vladimir Humeniuk · 技术社区 · 6 年前

let arr = [{
           'name': '1',
           'val': '12'
          },{
           'name': '4',
           'val': '52'
          },
          {
           'name': '11',
           'val': '15'
          },
          {
           'name': '4',
           'val': '33'
          },
          ...]

我想找到所有相同的物体 name

4 回复 | 直到 6 年前

baao 6 年前

您可以方便地按名称分组以获得所需的内容。下面是一个非常通用的函数,可以按指定的属性将对象数组分组到映射中。然后简单地把它变成一个数组,你就完成了

function group(arr, propertyToGroupBy) {
  return arr.reduce(function(a, b) {
    return a.set(b[propertyToGroupBy], (a.get(b[propertyToGroupBy]) || []).concat(b));
  }, new Map);
}

const map = group(arr, 'name');

console.log(Array.from(map));

<script>
  let arr = [{
      'name': '1',
      'val': '12'
    }, {
      'name': '4',
      'val': '52'
    },
    {
      'name': '11',
      'val': '15'
    },
    {
      'name': '4',
      'val': '33'
    }
  ];
</script>

Hassan Imam Ravi kant 6 年前

name Object.values()

let arr = [{ 'name': '1', 'val': '12' },{ 'name': '4', 'val': '52' }, { 'name': '11', 'val': '15' }, { 'name': '4', 'val': '33' }],
    result = Object.values(arr.reduce((r,o) => {
      r[o.name] = r[o.name] || [];
      r[o.name].push(o);
      return r;
    },{}));
console.log(result);

Walter Chapilliquen - wZVanG 6 年前

let arr=[{'name':'1','val':'12'},{'name':'4','val':'52'},{'name':'11','val':'15'},{'name':'4','val':'33'}];

let groups = arr.reduce((obj, el) => ({...obj, [el.name]: [...obj[el.name] || [], el] }), {});

console.log(groups);

Leonid Pyrlia 6 年前

reduce

let arr = [{'name': '1','val': '12'},{'name': '4','val': '52'}, {'name': '11','val': '15'},{'name': '4','val': '33'}];

// group object by same name
const dataObj = arr.reduce((all, {name, val}) => {

    if (!all.hasOwnProperty(name)) all[name] = [];
    all[name].push({name, val});
    return all;

}, {});

// map out the result into an array
const result = Object.keys(dataObj).map(k => (dataObj[k]));

console.log(result);

推荐文章

Toniq · javascript为php保存多维数组

1 年前

Jannis · Java中数组的怪异行为

1 年前

callum · 如何识别数组中与给定序列不匹配的元素?

1 年前

Gamerboi677 _YT · 如果玩家触摸了某个部分,如何将玩家名称添加到数组中。-Roblox-Lua编码

1 年前

at. · 在一行中创建任意大小的JavaScript/TypeScript 2d数组

1 年前

Rakis Friski · Javascript Spread运算符混淆行为

1 年前

tenfour · 如何使用数组元素的索引初始化数组元素

2 年前

Guillaume · 使用操作从Python列表创建numpy数组

2 年前

maxMas · Swift 5:为什么会出现索引超出范围错误?

2 年前

Sarah Workman · 尝试比较用javascript编程添加的字符串的值

2 年前