js替换对象内部的对象名称或属性名称-(第一篇)

 方案一:对于值为undefined null  的对象属性不考虑该方案

JSON.parse(JSON.stringify(data).replace(/name/g, 'new_name')) //data为数组,name为修改前,new_name为修改后

解释:1)JSON.stringify()把json对象转成json字符串;

          2)使用正则的replace()方法替换属性名;

          3)JSON.parse()把json字符串又转成json对象。

修改多个属性:当要修改多个属性名时,多次调用replace方法,可以链式调用。如下面说明

JSON.parse(JSON.stringify(data).replace(/name1/g, 'new_name1').replace(/name2/g, 'new_name2').replace(/name3/g, 'new_name3')...)

案例:

JSON.parse(JSON.stringify(data).replace(/val/g, 'name')) ;

 data为数组,val为修改前的名称,name为修改后的名称

1.替换data里面的对象tenantInfoRespVO名称替换成tenantInfoUpdateReqVO

2.替换语句:

代码可复制 

  let tenantInfoUpdateReqVO = 
JSON.parse(JSON.stringify(this.form).replace(/tenantInfoRespVO/g, 'tenantInfoUpdateReqVO'));

3.换完之后:

4.可能遇到的问题

直接转换为字符串,对于值为undefined null  的对象属性不会一个copy 到新的对象 ,就报错了,

直接赋值会让vue 数据失去响应式   

5.处理:

 // 当我们给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到

// 调用方法:this.$set( target, key, value )

// this.$set(需要改变的对象,"需要改变的对象属性","新值")

          // target:要更改的数据源(可以是对象或者数组)

          // key:要更改的具体数据

          // value :重新赋的值

        

第二方案:可以参考js递归替换对象内部的对象名称或属性名称-(第二篇)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/786729.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

3GPP R18 Multi-USIM 是怎么回事?(三)

这篇内容相对来说都是一些死规定,比较枯燥。主要是与MUSIM feature相关的mobility and periodic registration和service request触发过程的一些规定,两部分的内容是有部分重叠的,为保证完整性,重复部分也从24.501中摘了出来。 24.501 4.25 网络和MUSIM UE可以支持MUSIM fe…

绩效管理为什么难?

几乎所有企业都知晓绩效管理的重要性,但许多企业陷入了把绩效考核当绩效管理的误区。绩效考核只是绩效管理过程中的一个环节,如果只重视“考核”这个环节,会极大限制员工个人和组织的成长。 绩效管理是一个动态过程,包括绩效目标设…

数据结构 Java DS——链表部分经典题目 (1)

前言 笔者计划在暑假啃完JavaDS,Mysql的内容当然也会继续更 这次给读者们分享的是链表的几个比较典型的题目,关于如何手搓一个链表,笔者还在筹划中, 毕竟链表的种类也有那么多,但是在下面的题目中,只有单向链表 题目一 : 反转链表 206. 反转链表 - 力扣(LeetCode…

【国潮】软件本土化探索

文章目录 一、国产-操作系统银河麒麟(Kylin)操作系统华为鸿蒙系统(HarmonyOS)统信UOS深度Deepin 二、国产-服务器华为鲲鹏:飞腾:海光:兆芯:龙芯:申威: 三、国…

Sui DeFi现状介绍

关于Sui Network Sui是基于第一原理重新设计和构建而成的L1公有链,旨在为创作者和开发者提供能够承载Web3中下一个十亿用户的开发平台。Sui上的应用基于Move智能合约语言,并具有水平可扩展性,让开发者能够快速且低成本支持广泛的应用开发。获…

京东速运|通过python查询快递单号API

本次讲解如何使用快递聚合供应商来实现查询京东速运快递物流轨迹,首先,我们需要准备的资源。 平台的密钥key:登录后在个人中心查看 测试接口的链接:在下方文档处查看 其中,KEY为用户后台我的api页面展示的API密钥, 代…

codesys多段直线电机跨电机控制

1. 电机描述 在X轴上有多段直线电机,如下图有9个,从X1到X9. 2.codesys程序结构 程序名称:Pou_two_motors 动作名称:ACT_move 把这个程序搞到任务配置里面 通过ethercat总线命名一下这些电机,方便调用。 3.程序内容 P…

AI转绘_animatediff-cli-prompt-travel

这个工具有两种主要模式:它可以直接通过提示创建视频,或者它可以对现有视频进行风格化。还有方法可以提高视频的分辨率。 正如工具名称所示,它的一个主要特点是"提示旅行"。这意味着你可以例如使用特定的提示用于前20帧&#xff0…

SAP PS学习笔记03 - 批量更改Project(CNMASS),批量创建Project(CNMASSCREATE)

上一章讲了网络(Network),活动(Activity),PS长文本, PS文书(凭证),里程碑(Milestone)的创建等相关知识。 SAP PS学习笔记02 - 网络&a…

产线级MES系统在装配行业的具体应用

在装配行业中,产线级MES系统能够帮助企业优化生产流程,提高产品质量,增强生产效率。以下是产线级MES系统在装配行业中的一些具体应用场景。 了解慧都产线级MES系统>> 产线级MES系统应用场景 1. 生产过程监控与管理 MES系统可以实时…

nvm安装报错(镜像问题)

一、问题报错 安装的时候如果跟着网上早些时候的配置,调整了setting文件,配置镜像的话,可能报这个错误。 这个是因为他没检索到后面的链接地址,因为镜像的地址新的已经更换了。使用这个吧: node_mirror: https://npm…

华为防火墙 拓扑搭建1

拓扑图 要求 1.DMZ区内的服务器,生产区仅能在办公时间内(9:00-18:00)可以访问,办公区设备全天可以访问 配置安全策略 设置办公时间 2.生产区不允许访问互联网,办公区和游客区允许访问互联网…

2024年全国青少年信息素养大赛图形化编程小高组复赛真题

2024年全国青少年信息素养大赛图形化编程小高组复赛真题 题目总数:6 总分数:100 编程题 第 1 题 问答题 请对变身鱼进行编程,变身鱼的初始状态已经设置,不需要进行修改, 1.当变身鱼大小大于300时&#xff0…

希喂、鲜朗和牧野奇迹主食冻干怎么样?第一次喂冻干哪款更好

我是个宠物医生,每天很长时间都在跟猫猫狗狗打交道,送到店里来的猫猫状态几乎是一眼就能看出来,肥胖、肝损伤真是现在大部分家养猫正面临的,靠送医治疗只能减缓无法根治,根本在于铲屎官的喂养方式。 从业这几年&#…

redis学习(007 实战:黑马点评:登录)

黑马程序员Redis入门到实战教程,深度透析redis底层原理redis分布式锁企业解决方案黑马点评实战项目 总时长 42:48:00 共175P 此文章包含第25p-第p34的内容 文章目录 短信登录功能session 共享问题 短信登录功能 接口编写 这里是Result的封装 过滤器在拦截器的外层…

uni-app三部曲之二: 封装http请求

1.引言 前面一篇文章写了使用Pinia进行全局状态管理。 这篇文章主要介绍一下封装http请求,发送数据请求到服务端进行数据的获取。 感谢: 1.yudao-mall-uniapp: 芋道商城,基于 Vue Uniapp 实现,支持分销、拼团、砍价、秒杀、优…

java项目总结数据库

1.什么是数据库 用于存储和管理数据的仓库 2.数据库的特点 1.持久化存储数据。确实数据库就是一个文件系统。 2.便于存储和管理数据 3.使用统一的方式操作数据库 --SQL 3.MqSql服务启动 4.登录和退出 这里的ip值IP地址 5.客户端与服务器关系 6.目录结构 7.SQL 1.什么是SQL&…

跟《经济学人》学英文:2024年6月29日这期 A new lab and a new paper reignite an old AI debate

A new lab and a new paper reignite an old AI debate Two duelling visions of the technological future 对技术未来的两个对立的愿景 reignite:美 [ˌriɪɡˈnaɪt] 重新点燃;重新激起 duel:美 [ˈduːəl] 决斗;对决&…

自动群发消息插件常用源代码科普!

随着网络技术的快速发展,自动群发消息插件成为了众多企业和个人提高效率、加强沟通的重要工具。 然而,开发一个高效且稳定的自动群发消息插件并非易事,需要深入理解并熟练掌握相关的源代码。 本文将从五个方面,通过具体的源代码…

解决 NullReferenceException: Object reference not set to an instance of an object

在 Unity 中 利用 URDF Importer import UR5e_gripper 的 URDF file 时出现错误: NullReferenceException: Object reference not set to an instance of an object。 理论上是有个Object 是 Null,当我再次检查URDF后仍觉得路径没有写错。 于是我 把Mesh…