1. JS 数组转对象 对象转数组  对象数组互相转换  数组对象互相转换
  2. 声明一个函数,arr_obj ,里面接收一个参数,参数类型只接受对象或者数组

  3. 如果没有传递任何参数  或者 传递的参数类型不符合要求,就会抛出错误异常

  4. 无论是没有传递任何参数 或者 传递的参数类型不符合要求,抛出异常 并 打印出传递的参数

  5. 如果要查看当前函数的对象,请通过 new 的方式实例化函数 arr_obj ,自行在控制台打印输出

  6. 调用此函数,传入数组会自动转换为对象;传入对象会自动转换为数组

  7. 针对嵌套深层次比较深的对象或者数组

    // 数组转对象、对象转数组
    function arr_obj(query) {
    // 如果未传递参数,就赋值为 undefined
    this.query = query || undefined;
    this.params = this.query; // 默认对象
    var defaultObj = {};
    // 默认数组
    var defaultArr = [];
    // 数组转对象
    this.arrToObj = function(arr) {
    var obj = {}
    for (var i = 0; i < arr.length; i++) {
    // 数组转为对象,对象的键=数组值, 对象的值=数组值
    obj[arr[i]] = arr[i];
    // 如果是数组,就再次调用自身 (this.arrToObj),递归接着循环
    if (Object.prototype.toString.call(arr[i]) == "[object Array]") {
    var deepArray = this.arrToObj(arr[i])
    continue;
    } else {
    defaultObj[arr[i]] = arr[i]
    }
    }
    this.params = defaultObj;
    }; // 对象转数组
    this.objToArr = function(obj) {
    var arr = [];
    for (var i in obj) {
    arr.push(obj[i]);
    // 如果是对象,就再次调用自身 (this.ObjToObj),递归接着循环
    if(Object.prototype.toString.call(obj[i]) == "[object Object]"){
    var deepObject=this.objToArr(obj[i]);
    continue;
    }else{
    defaultArr.push(obj[i])
    }
    }
    this.params = defaultArr;
    }; if (Object.prototype.toString.call(this.query) == "[object Array]") {
    this.arrToObj(this.query);
    } else if (Object.prototype.toString.call(this.query) == "[object Object]") {
    this.objToArr(this.query);
    } else if (Object.prototype.toString.call(this.query) == "[object Undefined]") {
    console.error("没有获取到传递进来的参数", this.params);
    throw "没有获取到传递进来的参数"
    } else {
    console.error("错误的参数:", this.params,
    "错误的参数类型:", Object.prototype.toString.call(this.params));
    throw "传递的参数只能是对象或者数组类型"
    }
    return this.params;
    }
    // 调用 对象转数组
    var obj = {
    a1:"a",
    b1:{
    c1:"c",d1:"d"
    ,q1:{
    q:"q",w:"w",
    },
    },
    e1:"e",
    f1:"f"
    };
    // // 调用 数组转对象
    var arr = ["a", ["c",["e"],"q"],"t"];
    var asd1 = new arr_obj(arr);
    console.log(asd1);
    // 输出 {a: "a", c: "c", e: "e", q: "q", t: "t"}
    // 调用 对象转数组
    var asd2=new arr_obj(obj);
    console.log(asd2);
    // 输出 ["a", "c", "d", "q", "w", "e", "f"]

    可访问此处进入原文 https://mp.weixin.qq.com/s/Ged8ZbUGy14qwPf7pcjCLQ

JS 数组转对象 对象转数组 对象数组互相转换 数组对象互相转换的更多相关文章

  1. js常用数据类型(Number,String,undefined,boolean) 引用类型( function,object,null ),其他数据类型( 数组Array,时间Date,正则RegExp ),数组与对象的使用

    js常用数据类型 数字类型 | 字符串类型 | 未定义类型 | 布尔类型 typeof()函数查看变量类型 数字类型  Number var a1 = 10; var a2 = 3.66; conso ...

  2. JS中集合对象(Array、Map、Set)及类数组对象的使用与对比

    原文地址 在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型, ...

  3. js总结(一):javascript的类型:基本类型、对象和数组

    javascript 类型分为2种,一个是原始值,另一个是复杂值(对象). 一.原始值 5个原始值是:数字,字符,布尔,null,undefined. 9个原生的对象构造函数:Number Strin ...

  4. JS中集合对象(Array、Map、Set)及类数组对象的使用与对比(转载)

    在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型,Array ...

  5. Js将字符串转换成对象或数组en

    举个例子 var test='{ colkey: "col", colsinfo: "NameList" }' a.将文本转换成对象 var test='{ c ...

  6. [原创]java WEB学习笔记59:Struts2学习之路---OGNL,值栈,读取对象栈中的对象的属性,读取 Context Map 里的对象的属性,调用字段和方法,数组,list,map

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  7. JavaScript怎么把对象里的数据整合进另外一个数组里

    https://blog.csdn.net/qq_26222859/article/details/70331833 var json1 = [ {"guoshui":[ 3000 ...

  8. JavaScript中对象数组 根据某个属性值 然后push到新的数组

    原文链接 https://segmentfault.com/q/1010000010075035 将下列对象数组中,工资大于1w的员工,增加到对象数组 WanSalary中 var BaiduUser ...

  9. 组件的通信 :provide / inject 对象进入后,就等于不用props,然后内部对象,直接复制可以接受数组,属性不能直接复制,可以用Object.assgin覆盖对象,或者Vue的set 双向绑定数据

    组件的通信 :provide / inject 对象进入后,就等于不用props,然后内部对象,直接复制可以接受数组,属性不能直接复制,可以用Object.assgin覆盖对象,或者Vue的set 双 ...

  10. 组装数据- 对象里面是key:value, value里面是数组的形式,如 {key:[aa,bb], key:[cc,dd]}

    组合后 对象里面是key:value,value里面是数组的形式{key:[aa,bb], key:[cc,dd]} var chinaGeoCoordMap = { '无锡市': [121.4648 ...

随机推荐

  1. AI编程助手那些事儿

    最近跟身边的程序员老杆子讨论需求时,惊奇的发现,他居然没使用AI编程助手.一时间有2个想法从大脑闪过,然后心里还带了一丝轻蔑: AI编程助手这么好的东西,你居然不用. 作为老程序员,你居然不跟上时代步 ...

  2. 【Spring源码分析】Spring Scope功能中的动态代理 - Scoped Proxy

    本文基于Springboot 3.3.2及Springcloud 2023.0.1版本编写. Spring Scoped Proxy是什么 在使用Spring cloud配置中心动态配置更新功能时,笔 ...

  3. 给我5分钟,保证教会你在vue3中动态加载远程组件

    前言 在一些特殊的场景中(比如低代码.减少小程序包体积.类似于APP的热更新),我们需要从服务端动态加载.vue文件,然后将动态加载的远程vue组件渲染到我们的项目中.今天这篇文章我将带你学会,在vu ...

  4. 这次轮到AntV增强Awesome-Graphs

    前不久,Awesome-Graphs刚Release完1.1.0版本后,我在<从论文到图谱,或许只差一个html>一文中,向大家详细展示了Awesome-Graphs的产品能力与交互形态. ...

  5. Win32封装对话框类

    [主程序入口.cpp] #include <windows.h> #include <tchar.h> #include "resource.h" #inc ...

  6. python3安装虚拟环境并使用freeze命令迁移模块

    python3安装虚拟环境 #1.安装虚拟环境 pip3 install virtualenv #2.创建虚拟环境 python3 -m venv venv #或者 python3 -m venv . ...

  7. 组合数取模的几种方法--Exlucas&杨辉三角&组合

    组合数取模的几个方法 求: \[C^{m}_{n} \bmod P \] 1.杨辉三角法 \[C^{m}_{n} = C^{m - 1}_{n - 1} + C^{ m }_{n - 1} \] 时间 ...

  8. 使用 AWS CLI 管理 EC2

    EC2 EC2 是 AWS 的云服务器服务 EC2: Elastic Compute Cloud 创建实例 选择一个系统镜像(AMI): AMI(Amazon Machine Image)定义了启动实 ...

  9. 【Docker教程系列】Docker学习5-Docker镜像理解

    通过前面几篇文章的学习,我们已经安装好了Docker,也学会使用一些常用的命令.比如启动命令.镜像命令.容器命令.常用命令分类后的第二个就是镜像命令.那么镜像是什么?拉取镜像的时候为什么是一层一层的? ...

  10. 关于 MemoryStream 的多次写入,模拟post请求,接收方 .net core web api无法读取到流数据,报 System.IO.IOException: Unexpected end of Stream, the content may have already be en read by another component.

    主要是业务不熟害死人.记录一下.真想抽自己几个嘴巴子 先说结论,知道这个结论的下面文字都是废话: 一.new MemoryStream 的时候,如果需要分次写入,只能是像下面这样子 MemoryStr ...