编码

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

对象转为数组：

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. Chrome-headless 模式，没有UI界面的自动化UI测试

    如果在本机执行UI自动化脚本,打开的浏览器总是会不同程度的影响你做别的事情,那么我们可以采用 无界面运行我们的UI自动化,这种模式下运行脚本并不会真正地打开浏览器,整个过程都是在后台执行的.爽歪歪. ...

  2. Scrapy——settings配置文件

    # -*- coding: utf-8 -*- # Scrapy settings for tencent project # # For simplicity, this file contains ...

  3. Oracle分析函数、窗口函数简单记录汇总

    一.分析函数.窗口函数一般形式 1.分析函数的形式分析函数带有一个开窗函数over(),包含三个分析子句:分组(partition by), 排序(order by), 窗口(rows) ,他们的使用 ...

  4. CTF<密码学> writeup 传统知识+古典密码

    小明某一天收到一封密信,信中写了几个不同的年份          辛卯,癸巳,丙戌,辛未,庚辰,癸酉,己卯,癸巳. 信的背面还写有“+甲子”,请解出这段密文. key值:CTF{XXX} 百度可以查到 ...

  5. Java - 关于子类父类的向上转型，向下转型

    以下Animal为父类,Dog,Cat作为子类,分别继承Animal class Animal{ public void shout(){ System.out.println("叫了一声& ...

  6. leetcode有意思的题目总结

    231. 2的幂 2^3=8 得  8是2的幂 判断一个整数是不是2的幂,可根据二进制来分析.2的幂如2,4,8,等有一个特点: 二进制数首位为1,其他位为0,如2为10,4为100 2&(2 ...

  7. java email

    package email; import java.io.File;import java.util.Date;import java.util.Properties; import javax.a ...

  8. 小y的质数

    题目链接:https://ac.nowcoder.com/acm/contest/634/C 链接:https://ac.nowcoder.com/acm/contest/634/C来源:牛客网 题目 ...

  9. revit 学习园地

    https://www.cnblogs.com/greatverve/category/286724.html

  10. 转: 将Eclipse代码导入到AndroidStudio的两种方式 ，测试了方法2，成功。

    蛋疼,不知道为什么我的eclipse的logcat总是莫名其妙的显示一堆黄色字体的字,看不懂的那种,如下图: 然后查了一下资料,说可能是adt版本太低,手机系统太高. 然后本来想升级adt,但是各种折 ...