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)

相关推荐
qyresearch_7 分钟前
射频前端MMIC:5G时代的技术引擎与市场机遇
前端·5g
天蓝色的鱼鱼11 分钟前
Next.js 渲染模式全解析:如何正确选择客户端与服务端渲染
前端·react.js·next.js
一枚前端小能手17 分钟前
🚀 巨型列表渲染卡顿?这几个优化技巧让你的页面丝滑如德芙
前端·javascript
酷柚易汛智推官18 分钟前
Electron技术深度解析:跨平台桌面开发的利器与挑战
前端·javascript·electron
llz_11223 分钟前
第五周作业(JavaScript)
开发语言·前端·javascript
yannick_liu34 分钟前
nuxt4 + nuxt-swiper实现官网全屏播放
前端
苏打水com36 分钟前
JS基础事件处理与CSS常用属性全解析(附实战示例)
前端
W.Y.B.G38 分钟前
JavaScript 计算闰年方法
开发语言·前端·javascript
渣哥1 小时前
你以为只是名字不同?Spring 三大注解的真正差别曝光
javascript·后端·面试
小六路1 小时前
可以横跨时间轴,分类显示的事件
前端·javascript·vue.js