码迷,mamicode.com
首页 > Web开发 > 详细

js中forEach,for in,for of的区别

时间:2017-04-30 17:18:41      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:com   span   viewport   lan   ini   efi   console   use   device   

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    var arr = [1,2,3];
    arr.four = 4;
    console.log(arr);

    arr.forEach(value => {
        /*if(value > 2) {
            break
    }*/
        console.log(value)//1,2,3
    })

    for(let i in arr) {
        console.log(i); // ‘0‘ ‘1‘ ‘2‘ ‘four‘ 相当于对象的key值
        console.log(arr[i]) // 1,2,3,4 相当于对象的value值
    }

    for (let i of arr) {
        if(i > 2) {
            break
        }
        console.log(i); // 1,2,3  数值中的每一项的值
        console.log(arr[i]);//2,3,undefined 相当于arr[1],arr[2],arr[3]
    }

    for (let i of my) {
        console.log(i); // ‘m‘ ‘y‘
    }

    for (let i of arr) {
        if(i > 2) {
            break
        }
        console.log(i); // 1,2 
    }

</script>
</body>
</html>

总结:如果遍历数组最好用for of,遍历对象用for in
for of遍历数组和forEach遍历数组的区别:for of能用break语句,forEach不能

js中forEach,for in,for of的区别

标签:com   span   viewport   lan   ini   efi   console   use   device   

原文地址:http://www.cnblogs.com/yesyes/p/6789749.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!