解析javascript中的for in和for of

喵喵酱仔__

已于 2024-07-18 15:20:53 修改

阅读量194

点赞数 6

分类专栏：数据处理文章标签： javascript 前端开发语言

于 2024-07-15 22:47:46 首次发布

本文链接：https://blog.csdn.net/qq_38210427/article/details/140448405

版权

数据处理专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一for in

1.1 当遍历数组时

  var arr=[1,4,true,"123"];
        // fin回车是生成for in的快捷键
        for (const item in arr) {
            console.log("arr数组中的第"+(Number(item)+1)+"个元素的值为: "+arr[item]);
        }

1.2遍历字符串

var str="abctef7";
        // fin回车是生成for in的快捷键
        for (const item in str) {
            console.log("str字符串的第"+(Number(item)+1)+"个字符的值为: "+str[item]);
        }

1.3遍历对象

var obj={name:'牙膏',price:12.5}; 
        for (const item in obj) {
           console.log(item+"的值为: "+obj[item]);
        }

二for of

2.1遍历数组

 var arr=[false,56,"123"];
       for (const iterator of arr) {
        //for of是相当于获取值,没有下标
        console.log(iterator);
       }

2.2遍历字符串

 var str="jsdg54er"
       for (const iterator of str) {
        //for of是相当于获取值,没有下标
        console.log(iterator);
       }

三总结

3.1 forof是不能遍历对象的

错误示例html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试js中for of的用法</title>
</head>
<body>
    <script>
       var obj={name:"张三",sex:"男"};
       for (const iterator of obj) {
        //for of是相当于获取值,没有下标
        console.log(iterator);
       }
    </script>
   
</body>
</html>