javascript使用Object.keys遍历对象属性名

在实际开发中，我们有时需要知道对象的所有属性，js原生给我们提供了一个很好的方法：Object.keys，该方法返回一个数组

var obj = {

  'a':'123',

  'b':'345',

};

console.log(Object.keys(obj));  //['a','b']

值得注意的是，如果keys方法里传入的是字符串，也会返回数组，只是数组里的值是字符串中每个字符的索引：

var str = 'ab1234';

console.log(Object.keys(obj));  //[0,1,2,3,4,5]

例子,遍历数组和遍历对象的区别

<script>
    //----------------for用来遍历数组对象--
    var i,myArr = [1,2,3];
    for (var i = 0; i < myArr.length; i++) {
        console.log(i+":"+myArr[i]);
    };
    //---------for-in 用来遍历非数组对象
    var man ={hands:2,legs:2,heads:1};
    //为所有的对象添加clone方法，即给内置原型(object,Array,function)增加原型属性,该方法很强大，也很危险
    if(typeof Object.prototype.clone ==="undefined"){
        Object.prototype.clone = function(){};    
    }
    //
    for(var i in man){
        if (man.hasOwnProperty(i)) { //filter,只输出man的私有属性
            console.log(i,":",man[i]);
        };
    }
    //输出结果为print hands:2,legs:2,heads:1
    for(var i in man) {//不使用过滤
        console.log(i,":",man[i]);
    }    
    //输出结果为
    //hands : 2 index.html:20
    //legs : 2 index.html:20
    //heads : 1 index.html:20
    //clone : function (){} 
    for(var i in man) {
        if(Object.prototype.hasOwnProperty.call(man,i)) { //过滤
            console.log(i,":",man[i]);
        }
    }
   //输出结果为print hands:2,legs:2,heads:1
</script>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索数组
， 开发
， 字符串
， 对象
， 索引
属性
jsonobject遍历keys、javascript遍历object、javascript 遍历对象、java 遍历object对象、遍历jsonobject对象，以便于您获取更多的相关知识。