object属性操作 键值

简介:
var mi = {   
  name: '小明',   
  birth: 1990,    
  school: 'No.1 Middle School',    //  如果有特殊字符要用引号 eg: 'school-name':'xxx' 引用时 mi['school-name']
  height: 1.70,    
  weight: 65,    
  core: null
};
第一种属性获取方法: mi['name'];  // '小明'
第二种属性获取方法:mi.name;      // '小明'

访问miname属性,mi.name的写法更简洁。我们在编写JavaScript代码的时候,属性名尽量使用标准的变量名,这样就可以直接通过object.prop的形式访问一个属性了。


也可以添加 删除属性

增加:
mi.age; // undefined
mi.age = 18; // 新增一个age属性
mi.age  //输出18
删除:
delete mi.age;
mi.age  //undefined

如果我们要检测xiaoming是否拥有某一属性,可以用in操作符:

'name' in mi; // true
'grade' in mi; // false

不过要小心,如果in判断一个属性存在,这个属性不一定是mi的,它可能是mi继承得到的:

'toString' in mi; // true

因为toString定义在object对象中,而所有对象最终都会在原型链上指向object,所以mi也拥有toString属性。

要判断一个属性是否是mi自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:

mi.hasOwnProperty('name'); // true
mi.hasOwnProperty('toString'); // false



本文转自Ansue 51CTO博客,原文链接:http://blog.51cto.com/ansue/1727506,如需转载请自行联系原作者




相关文章
|
存储 数据挖掘 大数据
Pandas数据分析:处理文本数据(str/object)各类操作+代码一文详解(一)
Pandas数据分析:处理文本数据(str/object)各类操作+代码一文详解(一)
1526 0
Pandas数据分析:处理文本数据(str/object)各类操作+代码一文详解(一)
|
8月前
|
前端开发 数据处理
对象数据的读取,看这一篇就够了!Object.keys()、Object.values()和Object.entries()用法详解;如何获取对象原型链上的属性
Object.keys()、Object.values()和Object.entries()都是利于对象操作的便捷方法,能有效提升数据处理的效率。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
前端开发
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置1
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置1
115 0
|
前端开发
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置3
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置3
186 0
|
JavaScript
vue2中$set的原理_它对object属性做了啥?
vue2中$set的原理_它对object属性做了啥?
164 1
|
JavaScript
【Object.defineProperty() | new Proxy()】操作Object
【Object.defineProperty() | new Proxy()】操作Object
107 1
|
前端开发
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置4
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置4
98 0
|
前端开发
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置2
前端学习笔记202306学习笔记第四十一天-Es6-object.defineProperty监听属性的访问和设置2
87 0
|
JavaScript 前端开发
熬夜整理的 Object 对象的静态方法、实例属性和实例方法
熬夜整理的 Object 对象的静态方法、实例属性和实例方法,用于理解 Object 对象的静态方法和实例方法的区别,以及 Object 对象的静态方法和实例方法的使用。
240 0
|
前端开发
实用CSS属性——object-fit
我们常常将图片或者视频放在一个盒子内,那么就经常在业务上考虑适配的问题,而object-fit能帮助我们设定图片在盒子中的显示方法
437 6