按字母顺序按首字母Javascript对对象进行排序和分组

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了按字母顺序按首字母Javascript对对象进行排序和分组，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1164字，纯文字阅读大概需要2分钟。

内容图文

我试图创建一个这样的集合,以便在反应组件中使用：

let data = [
    { 
        group : 'A', 
        children : [
            { name : 'Animals', id : 22 },
            ...
        ]
    },
    { 
        group : 'B', children : [
            { name : 'Batteries', id : 7},
            { name : 'Baggage', id : 12 },
            ...
        ]
    },
    { 
        group : 'C', children : [
            { name : 'Cake', id : 7},
            ...
        ]
    },
]

我已经按照以下方式对数据进行排序：

let rawData = [
    { name : 'Animals', id : 10},
    { name : 'Batteries', id : 7},
    { name : 'Baggage', id : 12 },
    { name : 'Cake', id : 7},
    ...
]

我也使用了这个sorting method,但问题是,它返回一个带有A,B,C键的Object,其中包含子项值.但我必须把它变成像上面那样的数组才能使用它.

这是我到目前为止所尝试的：

let data = rawData.reduce(function(prevVal, newVal){   
    char = newVal.name[0].toUpperCase();
    return { group: char, children :{name : newVal.name, id : newVal.id}};
},[])

解决方法:

您可以使用reduce创建对象,然后在该对象上使用Object.values.

let rawData = [
  { name : 'Animals', id : 10},
  { name : 'Batteries', id : 7},
  { name : 'Baggage', id : 12 },
  { name : 'Cake', id : 7},
]

let data = rawData.reduce((r, e) => {
  let group = e.name[0];
  if(!r[group]) r[group] = {group, children: [e]}
  else r[group].children.push(e);
  return r;
}, {})

let result = Object.values(data)

console.log(result)

内容总结

以上是互联网集市为您收集整理的按字母顺序按首字母Javascript对对象进行排序和分组全部内容，希望文章能够帮你解决按字母顺序按首字母Javascript对对象进行排序和分组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端