美文网首页
js中的对象

js中的对象

作者: icaojinyu | 来源:发表于2019-01-28 10:01 被阅读0次

1. 属性的查看

  • 查看一个对象的所有属性,可以使用Object.keys()方法
let obj = {
  name: 'lewis',
  age: 17
}
Object.keys(obj) // ['name','age']

2. 属性的删除

  • delete命令用于删除对象的属性,删除成功后返回true
  • 删除一个不存在的属性,delete不报错,而且返回true
  • delete命令只能删除对象本身的属性,无法删除继承的属性
let obj = {
  name: 'lewis',
  age: 17
}
delete obj.name // true
Object.keys(obj) // ['age']
----
delete obj.hobby // true
----
delete obj.toString // true
obj.toString // function toString() { [native code] }

3. in运算符和hasOwnProperty方法

  • in运算符用于检查对象是否包含某个属性,如果包含就返回true,否则返回false
  • in运算符的一个问题是,它不能识别哪些属性是对象自身的,哪些属性是继承的
  • 对象的hasOwnProperty方法判断某个属性是否为对象自身的属性
let obj = {
  name: 'lewis',
  age: 17
}
'name' in obj // true
'toString' in obj // true
obj.hasOwnProperty('name') // true
obj.hasOwnProperty('toString') // false

4. 属性的遍历:for...in 循环

  • for...in循环用来遍历一个对象的全部属性
  • 注意点:
    • 它遍历的是对象所有可遍历(enumerable)的属性,会跳过不可遍历的属性
    • 它不仅遍历对象自身的属性,还遍历继承的属性
let obj = {
  name: 'lewis',
  age: 17
}

for(let key in obj){
  console.log(`key:${key}, value:${obj[key]}`)
}
// key:name, value:lewis 
// key:age, value:17

相关文章

  • JS 对象

    JS对象 JS对象的意义和声明 在JS中,对象(OBJECT)是JS语言的核心概念,也是最重要的数据类型。在JS中...

  • js 对象和jquery对象的比较

    1、js 对象和jquery对象的区别 jquery对象是js中的new Object()生成的普通对象 2、js...

  • jQuery前端框架--笔记

    1,JS对象和jQuery对象的区别 jQuery就是JS中的new Object生成的普通对象。 2,JS对象和...

  • JavaScript中的Object对象

    JavaScript中的Object对象,是JS中所有对象的基类,也就是说JS中的所有对象都是由Object对象衍...

  • js中的this对象

    js中的this总会指向一个对象,具体是哪个对象就由运行时函数的执行环境而决定了。在实际应用中,this的常用指向...

  • js中的对象

    js中的对象理解和使用起来都很简单,并且很频繁的使用。但是,总有细节,是我们可能会忽略的、或者是拿捏不定的参考链接...

  • js中的对象

    1. 属性的查看 查看一个对象的所有属性,可以使用Object.keys()方法 2. 属性的删除 delete命...

  • JS中的对象

    一、调用系统构造函数与字面量方式   我们可以直接通过 new Object() 创建:   每次创建通过 new...

  • JS中的全局对象、原型与原型链

    一、JS中全局对象与浏览器中的全局对象 JS中默认全局对象是global,而在浏览器的全局对象是window,如w...

  • JavaScript进阶之:八、对象的动态特性

    js中的对象具有动态特性: js支持在对象定义之后,动态的 添加 / 修改 / 删除 / 查询 对象的成员:对象的...

网友评论

      本文标题:js中的对象

      本文链接:https://www.haomeiwen.com/subject/jcgojqtx.html