实现效果:
![](https://i-blog.csdnimg.cn/blog_migrate/43f3dc19ba0a83c9b7f103ef3549c851.png)
初始数据:
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 }
];
有两种方法,第一种:
//先根据所有的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) */