for-of遍历方法

回顾for-in遍历方法

对象

<script>
       let obj = {
			name: 'jack',
			age: 18,
		}

		for (let key in obj) {
		// console.log(obj)//打印对象里面的内容（键值对）
                //  console.log(key)//打印键
                // console.log(key, obj[key])//打印键与值
               // console.log(obj[key]);//打印值
				}
    </script>

数组

 <script>
        const arr = [1, 2, 3, 4]
        // for ... in
        for (const key in arr) {
            console.log(key)//输出的是下标，0，1，2，3
             console.log(arr[key]) // 输出 1，2，3，4
        }
    </script>

字符串

 <script>
        let str='123456789'
        for(let a in str){
            console.log(a);
        }
 </script>

for-in遍历出的值是下标，不能遍历map,可以遍历对象

for-of遍历出的值是值，可以遍历map,不能遍历对象

语法: 
            for(let v of arr){
                //遍历数组 v:数组元素
            }
            let str = 'hellworld'
            for(let v of str){
                //v 字符
            }

数组

<script>
        let arr = [10, 20, 30, 40]
        for (const v of arr) {
            console.log(v)//输出的是
        }
 </script>

字符串

<script>
        let str = 'hello'
        for (const v of str) {
            console.log(v)
        }
</script>

map

<script>
        let map = new Map([['hello', 'world'], [100, true]])
        for (const v of map) {
            console.log(v);
        }
</script>