首页 > 其他分享 >JS数组对象里面key名替换、新增、删除

JS数组对象里面key名替换、新增、删除

时间:2023-01-16 00:23:53浏览次数:37  
标签:key obj name 对象 JS item keyName 数组

新增

let arr = [{ id: 1, name: '杨过' }, { id: 2, name: '过儿' }]
  arr.forEach(item => {
    item["status"] = false
  })
//对象
let obj = { }
obj['state'] = 1
console.log(obj)  //得到的结果为:{state: 1}

替换与删除:

方法一:

JSON.parse(JSON.stringify(data).replace(/keyName/g, 'name'))    
注:data为数组,keyName为修改前的键名,name为修改后的键名
1、JSON.stringify()把json对象转成json字符串;
2、使用正则的replace()方法替换属性名;
3、JSON.parse()把json字符串又转成json对象。 方法二:
  let newData = [];  //创建一个新数组接收
  let obj = {};  //创建一个临时对象
  this.data.map(item => {
    obj = item;
    obj['name'] = item['keyName'];  //替换键
    delete obj['keyName'];  //替换后删除,也可以不删除
    newData.push(obj)     //将替换后的对象重新放入新的数组中
  })
注:
1、循环数组对象,复制对象原来的值到新的obj中;
2、在obj对象中添加键名为name的属性,将旧的键名为keyName的属性赋值;
3、删除掉旧的键名为keyName的属性;
4、将处理好的obj对象添加到新数组中。

标签:key,obj,name,对象,JS,item,keyName,数组
From: https://www.cnblogs.com/panwudi/p/17054524.html

相关文章

  • JSP,JSTL标签
        ......
  • 【数组】 前缀和补充
    【数组】前缀和补充考虑到昨天写的前缀和博客有所欠缺,所以写这篇博客作为上一篇博客的补充。二维数组的前缀和首先,我们从先前提到过的一维数组的前缀和谈起。而一维......
  • JSP内置对象及作用域
       ......
  • Gartner CEE2022 Keynote Speech
    GartnerCEE2022KeynoteSpeechhttps://www.gartner.com/cn/china-executive-exchange/china-executive-exchange-2022/cee2022-keynote-speech/cee2022-keynote-speech-......
  • JSP基础语法和指令
           ......
  • 找出二维数组中某元素的所有对角元素
    -----------------------------------------------------------------------------------------------------------写这篇文章的目的,是为了很好的理解八皇后问题,网上一大堆......
  • 209. 长度最小的子数组
    问题链接https://leetcode.cn/problems/minimum-size-subarray-sum/description/解题思路这是一个长度不定的滑动窗口。我们需要设置一个left指针和right指针,分别指向......
  • three.js教程1-快速入门
    1、项目开发环境引入threeJs如果采用的是Vue+threejs或React+threejs技术栈,threejs就是一个js库,直接通过npm命令行安装就行。npm安装特定版本three.js(注意使用哪个......
  • vue.js客服系统实时聊天项目开发(四)引入iconfont图标代码
    普通引入模式下是这样的首先,您需要在iconfont.cn上创建一个账号并添加图标。然后,将iconfont的链接代码加入到页面的head标签中,例如:<linkrel="stylesheet"href="//at.......
  • Tampermonkey for Mac(油猴Safari浏览器插件) 4.17.6162 中文版
    Tampermonkey插件破解版是一款浏览器脚本管理插件,支持大多常见浏览器,结合脚本大全网站greasyfork,能够方便的实现脚本旳一键安装、自动更新、快速启用等便捷功能,通过用户脚......