js中遍历获取对象属性和方法主要
2016-10-18 09:50
597 查看
js中遍历获取对象属性和方法主要有Object.keys()、Object.getOwnPropertyNames()、for...in...三种方式
一、Object.keys()、Object.getOwnPropertyNames()、for...in...区别
1、for in会输出自身以及原型链上可枚举的属性。
2、Object.keys用来获取对象自身可枚举的属性键。
3、Object.getOwnPropertyNames用来获取对象自身的全部属性名
4、例如
二、分别获取JavaScript对象属性名和方法名
一、Object.keys()、Object.getOwnPropertyNames()、for...in...区别
1、for in会输出自身以及原型链上可枚举的属性。
2、Object.keys用来获取对象自身可枚举的属性键。
3、Object.getOwnPropertyNames用来获取对象自身的全部属性名
4、例如
// 不可枚举的对象属性 var nonenum = Object.create({}, { getFoo: { value: function () { return this.foo; }, enumerable: false } }); nonenum.foo = 1; nonenum.asj = 2; // 获取对象可枚举或不可枚举的属性 console.log(Object.getOwnPropertyNames(nonenum).sort()); // 输出 ["asj", "foo", "getFoo"] // 获取对象可枚举的属性 console.log(Object.keys(nonenum).sort()); // 输出 ["asj", "foo"] // 返回可枚举属性一直找到该对象的原型链 Object.prototype.newShine = "it's me"; for (var i in nonenum) { console.log(i);// 输出 foo asj,newShine } // 返回直接定义在该对象上的可枚举属性 for (var i in nonenum) { if (nonenum.hasOwnProperty(i)) { console.log(i); // 输出 foo asj } }
二、分别获取JavaScript对象属性名和方法名
// 创建一个对象的构造方法 function myObj(name, attr) { this.name = name; this.attr = attr; this.sayHi = function () { return 'hi everyone!'; } } // 创建一个对象 var myTester = new myObj("shinejaie", 1) // 获取对象方法 for (var i in myTester) { if (myTester.hasOwnProperty(i) && typeof myTester[i] == "function") { console.log("对象方法: ", i, "=", myTester[i]) } } // 输出 对象方法: sayHi = () { return 'hi everyone!'; } // 获取对象属性 for (var i in myTester) { if (myTester.hasOwnProperty(i) && typeof myTester[i] != "function") { console.log("对象属性: ", i); } } // 输出 对象属性: name 对象属性: attr
相关文章推荐
- js 获取函数的所有参数和遍历JavaScript某个对象所有的属性名称和值的方法
- js 获取函数的所有参数和遍历JavaScript某个对象所有的属性名称和值的方法
- js 获取函数的所有参数和遍历JavaScript某个对象所有的属性名称和值的方法
- 【转】js获取对象的所有属性和方法
- js 获取对象属性的各种方法
- js遍历json对象所有key及根据动态key获取值的方法(必看)
- 10-10 arguments存储实参、解决js获取CSS属性值兼容性、object对象、for语句遍历对象内容、数组中的方法
- js 获取对象属性的数量。js 遍历对象的属性
- JS遍历页面所有对象属性及实现方法
- js 获取对象属性的各种方法
- 如何遍历一个JS对象的属性和方法
- js中遍历对象的属性和值的方法
- js获取对象的所有属性和方法
- js对象属性的获取遍历
- js中遍历对象的属性和值的方法
- js获取对象的属性和方法总结
- js中获取一个对象里面的方法和属性的javascript
- JS遍历对象属性的方法示例
- JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
- js获取对象的所有属性和方法