资讯专栏INFORMATION COLUMN

vue JS 对象赋值

shaonbean / 1151人阅读

摘要:空对象赋值这里注意为字符串需要使用双引号,例如张三对象间的赋值定义一个对象接收赋值定义另一个对象赋值给赵四对象间的赋值首先将对象利用方法转换成字符串去掉对象属性再使用方法转换成对象赋值作用是避免对象直接赋值造成指向相同地址以至于相互影响的问

1.空对象赋值

let obj = {}

obj[key] = value

这里注意key为字符串需要使用双引号,例如:obj["name"] = "张三"

2.对象间的赋值

定义一个对象接收赋值

let obj1 = {};

定义另一个对象赋值给obj1

let obj2 = {"name": "赵四"}

对象间的赋值

obj1=JSON.parse(JSON.stringify(obj2));

首先将obj2对象利用JSON.stringify()方法转换成字符串去掉对象属性
再使用JSON.parse()方法转换成对象赋值
作用是避免对象直接赋值造成指向相同地址以至于相互影响的问题

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101619.html

相关文章

  • vue.js响应式原理解析与实现

    摘要:今天,就我们就来一步步解析响应式的原理,并且来实现一个简单的。当然,这个也只是一个简单的,来说明响应式的原理,真实的源码会更加复杂,因为加了很多其他逻辑。接下来我可能会将其与联系起来,实现和语法。 从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监...

    Shihira 评论0 收藏0
  • Vue.js 渲染简写样式存在的问题

    摘要:首先将不存在于中的的样式设置为然后再设置与中样式值不相等的的样式看起来没什么问题,一切都很符合逻辑,那么是什么造成了上面的现象呢一切的罪魁祸首都在这个样式的简写属性上。 引出问题 首先我们来这么一个问题, 这里是完整的 jsfiddle demo or codepen demo 给一个元素绑定两个边框样式, 右侧和底部都为1px的红色边框 styleA: { ...

    CoderStudy 评论0 收藏0
  • Vue.js 渲染简写样式存在的问题

    摘要:首先将不存在于中的的样式设置为然后再设置与中样式值不相等的的样式看起来没什么问题,一切都很符合逻辑,那么是什么造成了上面的现象呢一切的罪魁祸首都在这个样式的简写属性上。 引出问题 首先我们来这么一个问题, 这里是完整的 jsfiddle demo or codepen demo 给一个元素绑定两个边框样式, 右侧和底部都为1px的红色边框 styleA: { ...

    dadong 评论0 收藏0
  • vue框架入门和ES6介绍

    摘要:框架入门和介绍模式,是一种轻量级的前端框架,主要为模板渲染,数据同步,组件化,模块化,路由等。作者简介达叔,理工男,简书作者全栈工程师,感性理性兼备的写作者,个人独立开发者,我相信你也可以阅读他的文章,会上瘾,帮你成为更好的自己。 vue框架入门和ES6介绍 vue-mvvm模式,vue是一种轻量级的前端框架,主要为模板渲染,数据同步,组件化,模块化,路由等。 https://cn.vu...

    ChanceWong 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<