VUE对json数组中某个字符相同的数据添加到同个数组

Posted ren17

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)
            }
        }

 

以上是关于VUE对json数组中某个字符相同的数据添加到同个数组的主要内容,如果未能解决你的问题,请参考以下文章

14.Vue路由参数传递以及重定向

vue路由-动态路由和嵌套路由

在数组Vue Js中的另一个不同json对象中具有相同值的数组中的所有json对象中添加/合并新项目

怎么定义 Vue-Router 的动态路由?

通过Vue路由传参的两种方式及Vue组件中接收参数的方式

通过Vue路由传参的两种方式及Vue组件中接收参数的方式