1、数据情况:
其一、从后端拿到的数据为: let arr = [1, 3, 7, 24]
其二、目标数据为(即:后台需要下发的数据):
{vlan_1: 1, vlan_3: 1, vlan_7: 1, vlan_24: 1}
2、操作过程:
其一、定义一个动态的 key 值来满足业务需求:vlan_X:
A、代码展示:
let arr = [1,3,7,24]
let param = {}
let res = arr.map(item => {
let key = `vlan_${item}` // 设置成动态的 key 值;
return key
})
console.log(res,2222222222);
B、结果展示:
其二、通过 map 操作,获取目标对象:
A、代码展示:
let arr = [1,3,7,24]
let param = {}
arr.map(item => {
let key = `vlan_${item}`
param[key] = 1
})
console.log(param, 11111111);
B、结果展示:
3、数组与对象之间的转换:
A、数组生成特定属性的二维数组和对象:
step1、代码为:
let arr = [1,3,7,24] // 指定数组:arr;
let param = {} // param 为待生成的对象;
let res = arr.map(item => { // res 为待生成的对象数组;
let key = `vlan_${item}`
let obj = []
param[key] = 1
obj[key] = 1
return obj
})
console.log(param, 11111111);
console.log(res,2222222222);
step2、结果展示为:
B、数组生成特定属性的对象数组和对象:
step1、代码为:
let arr = [1,3,7,24] // 指定数组:arr;
let param = {} // param 为待生成的对象;
let res = arr.map(item => { // res 为待生成的对象数组;
let key = `vlan_${item}`
let obj = {}
param[key] = 1
obj[key] = 1
return obj
})
console.log(param, 11111111);
console.log(res,2222222222);
step2、结果展示为:
C、数组转化成对象的操作:
方法一、new Set() (注意:会去重);
step1、代码为:
let arr = [1,2,3,4,5,5];
let obj = new Set(arr);
console.log(obj); // {1,2,3,4,5}
step2、结果展示为:
方法二、Object.assign() 方法;
step1、代码为:
const arr = ['a', 'b', 'c'];
const obj = Object.assign({}, arr);
console.log(obj); // {0: "a", 1: "b", 2: "c"}
step2、结果展示为:
D、对象转换成数组的操作:
step1、代码为:
let obj = {"port": "port_0","desc": "desc_0","flag": 0}
let arr = Object.values(obj)
console.log(arr);
step2、结果展示为:
文章来源:https://www.toymoban.com/news/detail-740775.html
4、小结:
其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!
其二、若有转发或引用本文章内容,请注明本博客地址(直接点击下面 url 跳转
) https://blog.csdn.net/weixin_43405300,创作不易,且行且珍惜!
其三、有兴趣的话,可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏)(直接点击下面 url 跳转
):https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482文章来源地址https://www.toymoban.com/news/detail-740775.html
到了这里,关于07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!