zoukankan      html  css  js  c++  java
  • js整理数据格式(动态修改js对象里的key和value)

            <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>
  • 相关阅读:
    Chapter 4
    Chapter 3
    chapter 2
    Python编程指南 chapter 1
    BASE64 编码和解码
    生成 PDF 全攻略【2】在已有PDF上添加内容
    IDEA 和 Eclipse 使用对比
    web 前端常用组件【06】Upload 控件
    聊聊 Web 项目二维码生成的最佳姿势
    依附大系统 【数据实时获取】解决方案
  • 原文地址:https://www.cnblogs.com/mxh-java/p/13226521.html
Copyright © 2011-2022 走看看