【JavaScript】-オブジェクト配列の値が現れる回数を数える

効果を実現します。

 初期データ：

 let list = [
            { name: "广东省", Number: 6 },
            { name: "广东省", Number: 7 },
            { name: "河南省", Number: 8 },
            { name: "河南省", Number: 8 },
            { name: "黑龙江", Number: 8 },
            { name: "广东省", Number: 2 },
            { name: "广西省", Number: 1 },
            { name: "黑龙江", Number: 4 }
        ];

2つの方法があります。最初の方法は次のとおりです。

//先根据所有的title组合成一个数组
  let titleList = list.map(item => {
            return item.name
  })
//获得["广东省", "广东省", "河南省", "河南省", "黑龙江", "广东省", "广西省", "黑龙江"]

  let obj = {}
  let data = []

  for (let i = 0; i < titleList.length; i++) {
      obj[titleList[i]] = (obj[titleList[i]] + 1) || 1
  }
//获得 {广东省: 3, 河南省: 2, 黑龙江: 2, 广西省: 1}

  for (let key in obj) {
       data.push({ name: key, value: obj[key] })
  }
/* 结果：(4) [{…}, {…}, {…}, {…}]
0: {name: '广东省', value: 3}
1: {name: '河南省', value: 2}
2: {name: '黑龙江', value: 2}
3: {name: '广西省', value: 1}
length: 4
[[Prototype]]: Array(0)  */

二番目：

let data = []

list.forEach(function (value) {
   // 生成数据：[{name:'省份',value:人数}]
   // 查询当前遍历到的数据在pie中是否已经存在
   let result = data.filter(function (item) {
         return item.name == value.name
   })[0]

   if (result) {
         // 说明已经存在过
         result.value += 1
   } else {
         data.push({ name: value.name, value: 1 })
   }
})
console.log(data);
/* 结果：
(4) [{…}, {…}, {…}, {…}]
0: {name: '广东省', value: 3}
1: {name: '河南省', value: 2}
2: {name: '黑龙江', value: 2}
3: {name: '广西省', value: 1}
length: 4
[[Prototype]]: Array(0) */