VUE對json數組中某個字段相同的數據添加到同個數組

效果圖：

 

 

直接上代碼：

mounted() {
            this.CS();
        },
        methods: {
            CS() {
                var data = [{
                        "name": "C",
                        "size": 240,
                        "data": 57
                    },
                    {
                        "name": "F",
                        "size": 520,
                        "data": 42
                    },
                    {
                        "name": "G",
                        "size": 240,
                        "data": 47
                    },
                    {
                        "name": "C",
                        "size": 520,
                        "data": 23
                    },
                    {
                        "name": "F",
                        "size": 240,
                        "data": 14
                    },
                    {
                        "name": "G",
                        "size": 520,
                        "data": 62
                    },
                    {
                        "name": "C",
                        "size": 240,
                        "data": 34
                    },
                    {
                        "name": "F",
                        "size": 520,
                        "data": 25
                    },
                    {
                        "name": "G",
                        "size": 240,
                        "data": 35
                    }
                ]
                console.log(data)
                var echararr = [];
                for (var i = 0; i < data.length; i++) {
                    var arrindex=echararr.findIndex((item, index, arr) => {return item.name === data[i].name})//獲取下標
                    if(arrindex==-1){//不存在盤符數據的添加盤符數據
                        echararr.push({
                            "name": data[i].name,
                            "size": data[i].size,
                            "data": [data[i].data]
                        });
                    }else{//有盤符則往盤符數據中添加
                        echararr[arrindex].data.push(data[i].data)
                    }
                    //console.log(arrindex);
                }
                console.log(echararr)
            }
        }