07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)

这篇具有很好参考价值的文章主要介绍了07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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、结果展示:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

其二、通过 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、结果展示:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

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、结果展示为:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

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、结果展示为:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

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、结果展示为:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

方法二、Object.assign() 方法;
step1、代码为:

const arr = ['a', 'b', 'c'];
const obj = Object.assign({}, arr);
console.log(obj); // {0: "a", 1: "b", 2: "c"}

step2、结果展示为:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

D、对象转换成数组的操作:

step1、代码为:

let obj = {"port": "port_0","desc": "desc_0","flag": 0} 
let arr = Object.values(obj)
console.log(arr); 
 
step2、结果展示为:

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化),#    CSS实例 专栏,javascript,前端,经验分享,js语法,数据操作,数据交互,对象与数组

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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • redisTemplate.opsForValue().get(KEY)从Redis中取出的值为null 的解决方法

    redisTemplate.opsForValue().get(KEY)从Redis中取出的值为null 的解决方法 最近,博主在整理毕设时就遇到一个问题:我往Redis中存手机验证码,我把手机号当做key ,验证码当做value 存储到 Redis 中,但是在我在需要在登录操作中取验证码时遇到一个问题: 困惑: 我Redis 中明明存的有,

    2024年02月11日
    浏览(42)
  • js如何遍历对象的key和value

    在JavaScript中,可以使用for…in循环来遍历对象的键(key)和值(value)。以下是一个示例: 在这个例子中,for…in循环会遍历对象obj的所有键。然后,hasOwnProperty函数会检查这个键是否是对象obj自身的一个属性,而不是从其原型链继承的。如果是对象自己的属性,就输出这个键

    2024年02月10日
    浏览(43)
  • Java Stream比较两个List的差异,并取出不同的对象

    可以使用Java8的Stream API来比较两个List的差异,并取出不同的对象。   1. 将两个List转换为Stream类型;   2. 调用Stream的filter方法,将不同的对象过滤出来;   3. 将过滤出的不同的对象转换为List类型。         上述代码中,将两个List类型的对象list1和list2转换为Stream类型,并

    2024年02月08日
    浏览(57)
  • spring boot application yaml key下划线如何转java的Properties对象字段驼峰

    spring boot yaml key和value如何映射到Properties对象 下面以MybatisPlusProperties为例 ##java properties 字段驼峰 ##yaml文件如图,key使用下划线 ##java对象驼峰转下划线匹配yaml文件key DataObjectPropertyName.toDashedForm(name);//驼峰转下划线 ##设置Properties对象字段值

    2024年02月01日
    浏览(47)
  • JavaScript如何从数组(数组对象)中删除特定数据

    如果数组中有重复的两个元素,我们只想删除一个元素,我们必须使用另一种方法。

    2024年02月12日
    浏览(66)
  • Get请求如何传递数组、对象

    可以将数组参数传递多次, springmvc会将多个同名参数自动封装成数组或者集合对象 ,示例如下: 请求URL http://127.0.0.1:8099/springbootIntegration/test/testQuest?page=1size=2ids=11ids=22 后端接口 示例如下: 请求URL http://127.0.0.1:8099/springbootIntegration/test/testQuest?page=1size=2ids=11,22 后端接口 Get请

    2024年02月08日
    浏览(31)
  • LeetCode 周赛 344(2023/05/07)手写递归函数的固定套路

    本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问。 大家好,我是小彭。 今天下午有力扣杯战队赛,不知道官方是不是故意调低早上周赛难度给选手们练练手。 往期周赛回顾:LeetCode 单周赛第 343 场 · 结合「下一个排列」的贪心构造问题 T1. 找出不同

    2024年02月03日
    浏览(35)
  • 如何在 JavaScript 中将数组转为对象

    首先,我们需要明白对象具有键和值。 如果我们想把某个东西转换成一个 对象 ,我们需要传递具有这两个要求的东西:键和值。 满足这些要求的参数有两种类型: 具有嵌套键值对的数组 Map 对象 这是一个带有键值对的嵌套数组 当我们应用它时,我们可以使用 Object.fromEnt

    2024年02月01日
    浏览(55)
  • Python中如何快速解析JSON对象数组

    由于浏览器可以迅速地解析JSON对象,它们有助于在客户端和服务器之间传输数据。本文将描述如何使用Python的JSON模块来传输和接收JSON数据。 JSON (JavaScript Object Notation)是一种用于数据交换的语法,它对人的读写很简单,对计算机的解析和生产也很简单,而且还可以存储数据。

    2024年02月10日
    浏览(48)
  • JS中如何区分变量是数组还是对象

    这里提供三种方法: 先了解一些概念: 对象的查询属性的两种方法: 1: obj.name 2: obj[\\\'name\\\'] 对象的枚举: 对象枚举共有四个重要的方法 for in 用法 hasOwnProperty用法 打印结果:          你会发现打印出来的东西里面既然会有  原型上的属性 ,本来这个 原型上的属性 你

    2024年02月12日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包