JS遍历属性

作者: nummycode | 来源:发表于2016-04-08 10:26 被阅读106次

可枚举属性

对象属性可枚举,表示该属性的值不可修改,可认为该属性是常量。
如何定义不可枚举的属性?

var obj = {name: 'jack', age:23}
Object.defineProperty(obj, 'id', {value : '123', enumerable : false });

获取对象所有可枚举属性

使用Object.keys(obj)可以获取对象obj自身所包含的所有可枚举属性。
例如:

  var arr = ["a", "b", "c"];
    console.log(Object.keys(arr)); // console: ["0", "1", "2"]


    var obj = { 0 : "a", 1 : "b", 2 : "c"};
    console.log(Object.keys(obj)); // console: ["0", "1", "2"]


    var an_obj = { 100: "a", 2: "b", 7: "c"};
    console.log(Object.keys(an_obj)); // console: ["2", "7", "100"]


    var my_obj = Object.create({}, { getFoo : { value : function () { return this.foo } } });
    my_obj.foo = 1;

    console.log(Object.keys(my_obj)); // console: ["foo"]

获取对象所有的实例属性

Object.getOwnPropertyNames(obj) ;//获得对象上所有的“实例属性”

判断对象是否拥有实例属性

obj.hasOwnProperty(‘id’); 
//只要该对象obj拥有属性id, 无论id是否可枚举,都返回true
for(var i  in obj){ } 
// 表示访问对象所有可枚举的属性,包括可枚举的实例属性和可枚举的原型对象的属性
“name”  in obj   
// 通过对象能够访问给定属性名时返回true, 无论该属性存在于实例中还是原型对象中

相关文章

  • JS遍历属性

    可枚举属性 对象属性可枚举,表示该属性的值不可修改,可认为该属性是常量。如何定义不可枚举的属性? 获取对象所有可枚...

  • JS常用方法整理-遍历对象

    1. 简介 JS中经常需要对对象的属性进行遍历,下面我们来总结一下JS遍历对象属性的几种方法。 2. for......

  • javascript对象的属性介绍

    本篇主要介绍JS中对象的属性,包括:属性的分类、访问方式、检测属性、遍历属性以及属性特性等内容。 属性:对象的成员...

  • JS Tips

    遍历对象的所有属性 添加属性 给普通的 JS 对象添加属性: 但是对于 Mongodb 中的对象,不可直接添加属性...

  • 2018-07-25 学习总结

    1.js对象 造器函数内部定义对象的方法 循环遍历对象属性(for ....in 循环遍历键) 2.indexOf...

  • Vue响应式原理

    在js对象传给data时,Vue将遍历这个对象中的属性,并用Object.defineProperty()将属性转...

  • JS/jQuery 遍历对象属性

    each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以...

  • JS - 面向对象 - 属性遍历

    对象属性分类 对于属性遍历而言,可以将对象属性分为是否可枚举、是否为继承 两种 在 ary 数组中,可枚举属性是对...

  • CSS 过渡与动画的区别

    触发条件状态css属性遍历循环JS结合使用子属性transition需要2种不可修改无法易于少animation无...

  • 79-对象遍历

    什么是对象的遍历对象的遍历就是依次取出对象中所有的属性和方法 如何遍历一个对象?在JS中可以通过高级for循环来遍...

网友评论

    本文标题:JS遍历属性

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