JS--对象、数组的遍历方法

对象的遍历 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>买了否冷</title>
</head>
<body>
<script>
var obj = {
    name : '老胡',
    year : 28,
    hobbies : ['斗地主','变魔术'],
    Swimming:function(){
    console.log('洗个澡吧');
}
</script>
</body>
</html>

1、使用Object.keys()遍历

 Object.keys(obj).forEach(function (key) {
    console.log(key,obj[key])
})

 

  2、使用for..in..遍历

for (var i in obj) {
   console.log(i,':',obj[i])
    }

3、使用Object.getOwnPropertyNames(obj)遍历

Object.getOwnPropertyNames(obj).forEach(function (key) {
            console.log(key,obj[key])
        })

 

4、使用Reflect.ownKeys(obj)遍历

Reflect.ownKeys(obj).forEach(function (key) {
            console.log(key,obj[key])
        })

 

 

数组的遍历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>买了否冷</title>
</head>
<body>
<script>
    var arr = [123,'abc',true,[1,2,3]]
</script>
</body>
</html>

1、使用forEach遍历

arr.forEach(function (value,index) {
    console.log(value,index)
})

2、使用for..in..遍历

for (i in arr) {
    console.log(i,arr[i])
}

 

3、使用for-of遍历

 for (var value of arr){
        console.log(value)
        }

猜你喜欢

转载自blog.csdn.net/weixin_42223833/article/details/87986162