编码

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

对象转为数组：

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. #PHP 数组添加元素、统计数组相同元素个数、改变数组key值~_~

    一.数组添加元素 1.定义和用法: array_push() 函数向第一个参数的数组尾部添加一个或多个元素(入栈),然后返回新数组的长度. 2.语法: array_push(array,value1, ...

  2. <div>标签输入文字

    @*输入框,contenteditable="true"使能div可以输入文字*@ <div contenteditable="true" class=& ...

  3. Eureka 高可用 - 踩坑回忆

    1.application.yml中eureka配置更改 ## Eurake 公用配置 ## 向其他注册中心注册 eureka.client.register-with-eureka=true ## ...

  4. UVALive - 6436、HYSBZ - 2435 (dfs)

    这两道题都是用简单dfs解的,主要是熟悉回溯过程就能做,据说用bfs也能做 道路修建(HYSBZ - 2435) 在 W 星球上有n 个国家.为了各自国家的经济发展,他们决定在各个国家 之间建设双向道 ...

  5. web及时通信传输的几种方法

    有哪些: 轮询.长轮询.iframe流.websocket 轮询:http的请求有一个很明显的缺点,就是只能有客户端发起,不能由服务端主动推送,所以轮询就是定时向服务器发送请求,去获取数据 优点:传输 ...

  6. spark第八篇：与Phoenix整合

    spark sql可以与hbase交互,比如说通过jdbc,但是实际使用时,一般是利用phoenix操作hbase.此时,需要在项目中引入phoenix-core-4.10.0-HBase-1.2.j ...

  7. python 实现dns 解析发送接收报文

    http://www.qingruxu.com/code/python/851.html https://tools.ietf.org/html/rfc1035里面的图不一定正确,可以使用抓包软件来进 ...

  8. Python时间time模块介绍

    一.明确时间元组 二.测试代码#!/usr/bin/env python # -- coding: utf-8 --' """ 时间模块,time的相关操作与测试 &qu ...

  9. selenium+Python（截图保存错误页面）

    异常捕捉与错误截图 创建错误截图文件夹,目录结果如下: 用例不可能每一次运行都成功,肯定运行时候有不成功的时候,关键是我们捕捉到错误,并以把并错误截图保存,这将是一个非常棒的功能,也会给我们错误定位带 ...

  10. Git学习系列之为什么选择Git？

    为什么选择Git? 流行的软件版本开源管理软件,有CVS.SVN.GIT版本管理工具,Git的优势在哪里呢? Git 和 CVS.SVN不同,是一个分布式的源代码管理工具,它很强,也很快,Linux内 ...