码迷,mamicode.com
首页 > Web开发 > 详细

js整理数据格式(动态修改js对象里的key和value)

时间:2020-07-02 20:08:02      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:++   data   format   lis   param   code   push   chinese   ons   

 

        <script>
            // 要整理的数据
            var array = [
                {1: ‘name‘, 2: ‘age‘, 3:‘sex‘, 4:‘address‘},
                {1: ‘tom‘, 2: ‘12‘, 3:‘sex‘, 4:‘englich‘},
                {1: ‘mark‘, 2: ‘13‘, 3:‘sex‘, 4:‘chinese‘},
                {1: ‘jack‘, 2: ‘14‘, 3:‘sex‘, 4:‘jpan‘}
            ];
            
            
            /**
             * 
             * 想要的效果
             * {name: "tom", age: "12", sex: "sex", address: "englich"}
             * {name: "mark", age: "13", sex: "sex", address: "chinese"}
             * {name: "jack", age: "14", sex: "sex", address: "jpan"}
             */
            
            /**
             * @desc 整理数据格式
             * @param {Object} array
             */
            function formatData(array) {
                var dataList = [];
                var column = array[0];
                console.log(‘获取key:‘, column);
                var newArray = array.slice(1);
                console.log("删掉第一个元素的新数组:", newArray);
                for(var a=0; a<newArray.length; a++) {
                    var data = {};
                    //创建一个空对象,for循环会为空对象动态添加key和value
                    for(var key in column) {
                        data[column[key]] = newArray[a][key];
                    }
                    dataList.push(data);
                }
                console.log("整理数据格式后的数组:", dataList);
            }
            
            //调用整理数据方法
            formatData(array);
            
            
            console.log(‘获取对象里面所有的key:‘, Object.keys(array[0]));
            console.log(‘获取对象里面所有的value:‘, Object.values(array[0]));
        </script>

 

js整理数据格式(动态修改js对象里的key和value)

标签:++   data   format   lis   param   code   push   chinese   ons   

原文地址:https://www.cnblogs.com/mxh-java/p/13226521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!