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)

相关推荐
源码获取_wx:Fegn08955 分钟前
基于springboot + vue校园跑腿系统
vue.js·spring boot·后端·spring·课程设计
摘星编程16 分钟前
React Native for OpenHarmony 实战:Navigation 导航详解
javascript·react native·react.js
光影少年17 分钟前
next.js与纯react区别
前端·javascript·react.js
派大鑫wink20 分钟前
【Day31】Web 开发入门:HTTP 协议详解(请求 / 响应、状态码、请求头)
前端·网络协议·http
2501_9447114322 分钟前
理解 React 自定义 Hook:不只是“封装”,更是思维方式的转变
前端·javascript·react.js
紫小米27 分钟前
Function calling实践
java·前端·数据库
豌豆学姐30 分钟前
Sora2 的使用与 API 获取调用实践(附开源前端和接入示例)
前端·开源
林恒smileZAZ32 分钟前
前端 HTML 转 PDF
前端·pdf·html
摘星编程33 分钟前
React Native for OpenHarmony 实战:ReactNavigation 导航库详解
javascript·react native·react.js
xiaoxue..37 分钟前
Zustand 状态管理:轻量高效的 React 状态解决方案✨
前端·react.js·面试·状态模式·zustand