获取对象的key&value值（+index索引）

获取key&value的值，使用for in方法：

• 方案一：for in

var count = 0;
var obj = {id:1,name:2};
for (var i in obj ) {
	count ++;
	console.log(i);//输出：id,name
	console.log(obj[i]);//输出：1,2
}

但是有时候想要用for in的同时获取对象的索引，这个时候可以添加变量的方式来获取索引，也可以使用以下方案:

• 方案二：Object.getOwnPropertyNames

//使用ES5新增的Object.getOwnPropertyNames
var obj = {id:1,name:2};
Object.getOwnPropertyNames(obj).forEach(function(key, index){
        console.log(key+'__________key________'+obj[key]),  console.log(index+ '______index]')
    })

• 方案三：Object.keys()
  Object.keys()用于获取对象自身所有的可枚举的属性值，但不包括原型中的属性，然后返回一个由属性名组成的数组。注意它同for…in一样不能保证属性按对象原来的顺序输出

// 遍历数组
var fruit= ['apple', 'banner', 'orange'];
Object.keys(fruit); // 输出：["0", "1", "2"]

// 遍历对象
var obj = {id:1,name:2};
Object.keys(obj );//输出：["id", "name"]

• 方案四：安全使用hasOwnProperty

var fruit= ['apple', 'banner', 'orange'];
var hasOwn = Object.prototype.hasOwnProperty;
for (var i in fruit) {
  if (hasOwn.call(fruit, i)) {
    console.log(i); // 输出：0 1 2
  }
}

最后

以上就是激情斑马为你收集整理的获取对象的key&value值（+index索引）的全部内容，希望文章能够帮你解决获取对象的key&value值（+index索引）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。