编码

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

对象转为数组：

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. P2319 [HNOI2006]超级英雄 题解

    [HNOI2006]超级英雄 题目描述 现在电视台有一种节目叫做超级英雄,大概的流程就是每位选手到台上回答主持人的几个问题,然后根据回答问题的多少获得不同数目的奖品或奖金.主持人问题准备了若干道题目, ...

  2. unix高级编程阅读

    一.进程: fork,exec,waitpid 1.子进程:复制进程的代码与堆栈状态,因此子进程将会从刚执行的指令fork位置继续往下执行. 2.父进程通过waitpid等待子进程完成 二.线程: 1 ...

  3. 分享到QQ空间和新浪微博功能

    分享到QQ空间 http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://campus.51job.com/cmbnt ...

  4. [软件工程]项目选择与NABCD模型分析

    项目 内容 这个作业属于哪个课程 2019春季计算机学院软件工程(罗杰) 这个作业的要求在哪里 团队项目选择 这课程的目标是 以实践形式熟悉软件开发流程,团队开发,合作学习 本次作业对课程的帮助是 确 ...

  5. python之类与对象（5）

    6. 类的多继承与超继承 6.1 多继承 python的类还有一个特点,就是可以继承多个类.但是我们作为测试人员,在实际中很少用到这个多继承,这里不就详细(一直都不详细,hhhh)写了.上代码: #! ...

  6. mysql里面 limit的奇效

    项目里面有遇到一个需求,查询一个表,先group by ,再按group 的count(*)进行倒序,取出每个group里面发表时间最新的一个纪录,之前的同事SQL是这样写的 SELECT * FRO ...

  7. [转] Ansible 系列之 Playbooks 剧本

    [From] https://www.cnblogs.com/hanyifeng/p/6435875.html 一.Playbooks 介绍 1.Playbooks是Ansible的配置,部署和编排语 ...

  8. zabbix4.2 安装

    官网https://www.zabbix.com/cn/download a. 安装 数据库rpm -Uvh https://repo.zabbix.com/zabbix/4.2/rhel/7/x86 ...

  9. 补充ABP Zero集成微信小程序登陆的BUG修复部分

    感谢园友 @turingguo 发布的 https://www.cnblogs.com/turingguo/p/9019026.html  文章,详细介绍了ABP Zero集成微信小程序登陆的实现过程 ...

  10. pip升级最新版本

    1.如果是python2.7输入以下指令 python -m pip install --upgrade pip 2.如果是python 3.+输入以下指令 python3 -m pip instal ...