JS 数组转对象，JS 对象转数组

JS数组转对象

// 原始数据
const arr = [{ label: 'title_one', val: '参数值1' }, { label: 'title_two', val: '参数值2' }];// 转成以下格式：
obj = { title_one: '参数值1', title_two: '参数值2' };

方法

/** 数组转对象* @param {Object} e 原始数组* @param {Object} key 键* @param {Object} val 值*/
arrTransferObj(e, key, val) {return e.reduce((obj, item) => {obj[item[key]] = item[val];return obj;}, {}); // 数组的reduce方法，使数组的obj初始值为{}，将数组中每一个对象所需的值，分别作为对象中的键与值
}

简写

/** 数组转对象* @param {Object} e 原始数组* @param {Object} key 键* @param {Object} val 值*/
arrTransferObj(e, key, val) {// 数组的reduce方法，使数组的obj初始值为{}，将数组中每一个对象所需的值，分别作为对象中的键与值return e.reduce((obj, item) => ((obj[item[key]] = item[val]), obj), {});
}

使用方法

const arr = [{ label: 'title_one', val: '参数值1' }, { label: 'title_two', val: '参数值2' }];
console.log(this.arrTransferObj(arr, 'label', 'val'));

JS对象转数组

// 原始数据
obj = { title_one: '参数值1', title_two: '参数值2' };// 转成以下格式：
const arr = [{ label: 'title_one', val: '参数值1' }, { label: 'title_two', val: '参数值2' }];

方法

/** 对象转数组* @param {Object} e 原始数组* @param {Object} key 键* @param {Object} val 值*/
objTransferArr(e, key, val) {let result = [];for (let item in e) {result.push({[key]: item,[val]: e[item]});}return result;
}

使用方法

const obj = { title_one: '参数值1', title_two: '参数值2' };
console.log(this.objTransferArr(obj, 'label', 'val'));

JS 数组转对象，JS 对象转数组相关推荐

JavaScript – 6.JS面向对象基础(*) + 7.Array对象 + 8.JS中的Dictionary + 9.数组、for及其他...
6.JS面向对象基础(*) 7.Array对象 7.1 练习:求一个数组中的最大值.定义成函数. 7.2 练习:将一个字符串数组输出为|分割的形式,比如"刘在石|金钟国|李光洙|HAHA|宋 ...
字符串对象转数组对象_js对象转数组的方法 js怎么将数组对象转变成字符串
只需要一句,arr.__proto__=[];但是要注意浏览器支持__proto__才行,最新的浏览器应该都支持. 以下两种都可以解决此问题: function transform(obj){ var ...
【干货】原生js做的一维数组对象，二维数组对象的模糊查询（前端网备份）...
最重要的是二维数组小程序通讯录(student) 后台的数据格式 wxml <input bindconfirm="search" bindinput="bind ...
JS 将有规律的数组，转换成对象数组
在工作中经常会遇到解析数据的问题,今天需要用js实现,将一个含有一些有规律数据的数组,解析成对象数组. 比如: ['123','er','456', 'fr'] ==>[{id: '123', ...
前端：JS/20/数组（数组的概念，数组元素，数组索引，数组元素的访问，数组的长度，数组的创建方法，数组的操作，实例：使用数组保存个人信息，实例：求数组所有值的平均值，数组对象的length属性）
数组 1,数组的概念一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...
JS案例：使用对象、对象数组、正则表达式
JS案例:使用对象.对象数组.正则表达式 1.使用对象声明对象变量,其实就是将一个json对象赋给一个变量,可以看到json对象就由一些键值对构成. 运行效果: 如果将{id: 3, name: & ...
json vue 对象转数组_vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
本文实例讲述了vue.js基于v-for实现批量渲染 json数组对象列表数据.分享给大家供大家参考,具体如下: vuejs的出现减轻了对dom的直接操作,同时它提供的 v-for 渲染列表数据也给我 ...
php 合并数组对象,JS内数组合并方法与对象合并实现步骤详解
这次给大家带来JS内数组合并方法与对象合并实现步骤详解,JS内数组合并方法与对象合并实现的注意事项有哪些,下面就是实战案例,一起来看一下. 1 数组合并 1.1 concat 方法var a=[1,2 ...
前端JS：判断list(数组)中的json对象是否重复
前端JS:判断list(数组)中的json对象是否重复 <!DOCTYPE html> <html> <head> <meta charset="u ...
php的对象和数组应该学js,JavaScript数组与对象的常用方法及 json 的序列化
一.JavaScript数据类型: 1- 原始类型:number(数值),string(字符串),boolean(布尔值)var age = 18; var username = "admi ...

JS 数组转对象，JS 对象转数组

JS数组转对象

JS对象转数组

JS 数组转对象，JS 对象转数组相关推荐

最新文章

热门文章