js中对象的属性要注意的点以及在vue中watch对象的属性的方法

取对象值有两种方式,

const obj={

a:'1'

}

obj.a或者obj['a'],中括号还可以写成

const name = 'a'

obj[name]和obj['a']是一个意思。

然后在vue的watch要监听对象的属性,写法是

watch:{

'obj.a'(new,old){}

}

这样的方式。

然后对象的深度拷贝可以通过自己手写递归来实现,也可以通过JSON.parse(JSON.stringify(obj))来实现。

手写递归的话

function deepClone(duixiang){

if(duixiang===null||typeof duixiang !== 'object') return duixiang

let clone=Array.isArray(duixiang)?[]:{}

for(let item in duixiang){

if(duixiang.hasOwnProperty(item)){

clone[item] = deepClone(duixiang[item])

}

}

return clone

}

const newObj = deepClone(obj)

相关推荐
阿里巴啦19 分钟前
照片隐私清理工具:基于Taro 4 + Vue 3 + piexifjs开发实践项目
vue.js·照片隐私清除·piexifjs·exif 解析
贾修行20 分钟前
Kestrel:.NET 的高性能 Web 服务器探秘
服务器·前端·kestrel·.net·net core·web-server·asp.net-core
吃吃喝喝小朋友21 分钟前
HTML DOM
前端·javascript·html
HWL567921 分钟前
HTML中,<video> 和 <source> 标签
前端·javascript·html
球球不吃虾21 分钟前
分享一个简单的交互式塔罗牌抽牌应用
前端·vue
2501_9481201523 分钟前
中职动漫设计与制作专业实训方案研究
前端·人工智能·语言模型·自然语言处理·架构
沛沛老爹24 分钟前
从Web到AI:多模态Agent图像识别Skills开发实战——JavaScript+Python全栈图像处理方案
java·javascript·图像处理·人工智能·python·rag
小小鸟00824 分钟前
前端 RBAC基于角色的权限控制(按钮级别)
前端
学习java的小库里25 分钟前
EasyExcel复杂导出
java·前端