编码

学习通用的数据用不同的数据结构进行存储，以及相互的转换

对象转为数组：

var scoreObject = {

    "Tony": {

        "Math": 95,

        "English": 79,

        "Music": 68

    },

    "Simon": {

        "Math": 100,

        "English": 95,

        "Music": 98

    },

    "Annie": {

        "Math": 54,

        "English": 65,

        "Music": 88

    }

}

如上有一个用来存储学习成绩的对象，编写一个函数，将其转为如下的二维数组

var scoreArray = [

    ["Tony", 95, 79, 68],

    ……

];

数组转为对象：

var menuArr = [

    [1, "Area1", -1],

    [2, "Area2", -1],

    [3, "Area1-1", 1],

    [4, "Area1-2", 1],

    [5, "Area2-1", 2],

    [6, "Area2-2", 2],

    [7, "Area1-2-3", 4],

    [8, "Area2-2-1", 6],

];

如上有一个用来存储多级菜单数据的数组，编写一个函数，将其转为如下的对象

var menuObject = {

    "1": {

        name: "Area1",

        subMenu: {

            "3": {

                name: "Area1-1"

            },

            "4": {

                name: "Area1-2",

                subMenu: {

                    "7": {

                        name: "Area1-2-3"

                    }

                }

            }

        }

    }

    ……

}


 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8" />

     <title>JS里的居民们9-对象和数组转换</title>

 </head>

 <body>

     <script>

         //对象转数组

         var scoreObject = {

             "Tony": {

                 "Math": 95,

                 "English": 79,

                 "Music": 68

             },

             "Simon": {

                 "Math": 100,

                 "English": 95,

                 "Music": 98

             },

             "Annie": {

                 "Math": 54,

                 "English": 65,

                 "Music": 88

             }

         }

         var arr1 = [];

         for (var i in scoreObject) {

             var arr2 = [];

             arr2.push(i);

             for (var j in scoreObject[i]) {

                 arr2.push(scoreObject[i][j]);

             }

             arr1.push(arr2);

         }

         console.log(arr1);

         //数组转对象

         var menuArr = [

             [1, "Area1", -1],

             [2, "Area2", -1],

             [3, "Area1-1", 1],

             [4, "Area1-2", 1],

             [5, "Area2-1", 2],

             [6, "Area2-2", 2],

             [7, "Area1-2-3", 4],

             [8, "Area2-2-1", 6],

         ];

         var menuObject = {};

         menuArr.forEach((current, index) => {

             if (current[2] == -1) {

                 menuObject[current[0]] = {

                     "name": current[1],

                     "subMenu": {}

                 }

             }

             if (current[2] == 1) {

                 menuObject["1"]["subMenu"][current[0]] = {

                     "name": current[1],

                     "subMenu": {}

                 }

             }

             if (current[2] == 2) {

                 menuObject["2"]["subMenu"][current[0]] = {

                     "name": current[1],

                     "subMenu": {}

                 }

             }

             if (current[2] == 4) {

                 menuObject["1"]["subMenu"]["4"]["subMenu"][current[0]] = {

                     "name": current[1],

                     "subMenu": {}

                 }

             }

             if (current[2] == 6) {

                 menuObject["2"][ "subMenu"]["6"]["subMenu"][current[0]] = {

                     "name": current[1],

                     "subMenu": {}

                 }

             }

         })

         console.log(menuObject);

     </script>

 </body>

 </html>
 

JS里的居民们7-对象和数组转换的更多相关文章

  1. JS里的居民们6-数组排序

    编码 var arr = [43, 54, 4, -4, 84, 100, 58, 27, 140]; 将上面数组分别按从大到小以及从小到大进行排序后在console中输出 var arr = ['a ...

  2. JS里的居民们5-数组(栈)

    编码1(栈顶在最右) 练习如何使用数组来实现栈,综合考虑使用数组的 push,pop,shift,unshift操作 基于代码,实现如按钮中描述的功能: 实现如阅读材料中,队列的相关进栈.退栈.获取栈 ...

  3. JS里的居民们4-数组((堆)队列

    编码1(队头在最右) 练习如何使用数组来实现队列,综合考虑使用数组的 push,pop,shift,unshift操作 基于代码,实现如按钮中描述的功能: 实现如阅读材料中,队列的相关入队.出队.获取 ...

  4. JS中如何判断对象是对象还是数组

    JS中如何判断对象是对象还是数组 一.总结 一句话总结:typeof Array.isArray === "function",Array.isArray(value)和Objec ...

  5. js 中 json.stringfy()将对象、数组转换成字符串

    json.stringfy()将对象.数组转换成字符串 var student = new Object(); student.name = "Lanny"; student.ag ...

  6. JavaScript 系列--JavaScript一些奇淫技巧的实现方法（二）数字格式化 1234567890转1,234,567,890；argruments 对象(类数组)转换成数组

    一.前言 之前写了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳 https://www.mwcxs.top/page/746 ...

  7. JSON.stringify()方法是将一个javascript值(对象或者数组)转换成为一个JSON字符串；JSON.parse()解析JSON字符串,构造由字符串描述的javascript值或对象

    JSON.stringify()方法是将一个javascript值(对象或者数组)转换成为一个JSON字符串:JSON.parse()解析JSON字符串,构造由字符串描述的javascript值或对象

  8. JS里访问纯数字ID对象时出现问题

    <p id="1">Hello</p> 例如上面的例子,id为纯数字会出错.此时用js去获取该对象会报错,查找不到该对象. 原因:必须是字母开头,或是下划线 ...

  9. js中如何返回一个存放对象的数组？

    我这边需要返回后台数据的形式是这样的 {[ { ", }, { ", }, { ", }, { ", }, { ", } ]} 页面是通过循环去获取每 ...

随机推荐

  1. 发布 Android Library 到 JCenter 从入门到放弃

    最近想倒腾一个小小的 UIKit 到 JCenter,为开源社区贡献一点绵薄之力,于是就有了一系列惨无人道的踩坑史.好,接下来,直奔主题,以下是发布流程. 发布到 JCenter 发布到 JCente ...

  2. .net core 2.0部署到CentOS7系统

    1.Nginx的安装(重启Nginx命令: systemctl restart nginx) 输入命令( 根据提示输入Y 即可): sudo yum install epel-release sudo ...

  3. Ubuntu16.04装机后处理

    1.卸载软件 #卸载libreOffice sudo apt remove libreoffice-common #卸载amazon sudo apt remove unity-webapps-com ...

  4. [整理] Nginx Location 匹配规则

    目录 规则语法 location 分类 匹配顺序: 扩展 location / {}和 location =/ {}的区别 如何快速测试 规则语法 语法 匹配规则 空 普通匹配(遵循最大前缀匹配规则, ...

  5. BZOJ1688 Disease Manangement 疾病管理

    Disease Manangement 疾病管理   Description Alas! A set of D (1 <= D <= 15) diseases (numbered 1..D ...

  6. 基础篇：6.4）形位公差-基准 Datum

    本章目标:了解形位公差基准及运用. 1.定义: 基准 —  与被测要素有关且用来定义其几何位置关系的一个几何理想要素(如轴线.直线.平面等): —  可由零件上的一个或多个基准要素构成. 模拟基准要素 ...

  7. xtts v4for oracle 11g&12c(文档ID 2471245

    xtts v4for oracle 11g&12c(文档ID 2471245.1) 序号 主机 操作项目 操作内容 备注: 阶段一:初始阶段 1.1 源端 环境验证 migrate_check ...

  8. js中报错"Maximum call stack size exceeded"解决方法

    Uncaught RangeError: Maximum call stack size exceeded 错误直译过来就是“栈溢出”,出现这个错误的原因是因为我进行了递归运算,但是忘记添加判断条件, ...

  9. JMeter工具接口性能压力测试分析与优化

    最近公司做的项目,要求对相关接口做性能压力测试,在这里记录一下分析解决过程. 压力测试过程中,如果因为资源使用瓶颈等问题引发最直接性能问题是业务交易响应时间偏大,TPS逐渐降低等.而问题定位分析通常情 ...

  10. html5实现判断拍照旋转角度等功能

    https://www.aliyun.com/jiaocheng/857189.html     base64图片编码上传,判断图片是否有旋转,若有旋转修正图片并保存至阿里 http://code.c ...