重学ES系列之新增的几个循环方法

简介: 重学ES系列之新增的几个循环方法
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增的几个循环方法</title>
</head>
<body>
<script>
    let arr = [1,2,3,4];
    for (const i in arr) {
        console.log(i);//0,1,2,3
    }
    // for in 默认循环的是坐标
    for (const item of arr) {
        console.log(item);//1,2,3,4
    }
    // for of 默认循环的是每一项的内容
    arr.forEach((item,i)=>{
        console.log(item,i);
    })
</script>
</body>
</html>
相关文章
|
5月前
|
JavaScript 前端开发 索引
ES6新特性(三): 可迭代对象和两种新增循环方式
ES6新特性(三): 可迭代对象和两种新增循环方式
ES6新增循环对象的四种方法(通俗易懂)
ES6新增循环对象的四种方法(通俗易懂)
|
8月前
|
前端开发 JavaScript
讲讲ES6中 对象合并
讲讲ES6中 对象合并
91 0
|
8月前
|
前端开发
【前端学习】—ES6新增的方法有哪些(十五)
【前端学习】—ES6新增的方法有哪些(十五)
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
88 0
|
监控 前端开发 JavaScript
每天3分钟,重学ES6-ES12(十五)异步代码处理方案
每天3分钟,重学ES6-ES12(十五)异步代码处理方案
106 0
|
JavaScript 前端开发
🍉JavaScript进阶——类的本质及ES5的新增方法
🍉JavaScript进阶——类的本质及ES5的新增方法
96 9
🍉JavaScript进阶——类的本质及ES5的新增方法
|
JavaScript 前端开发 开发者
🍉ES6基础-改进的数组功能
🍉ES6基础-改进的数组功能
87 1
hook+ts业务开发思路5-完成列表页面的编写
hook+ts业务开发思路5-完成列表页面的编写
69 0
hook+ts业务开发思路5-完成列表页面的编写
hook+ts业务开发思路6-状态惰性初始化和localstroage使用
hook+ts业务开发思路6-状态惰性初始化和localstroage使用
80 0
hook+ts业务开发思路6-状态惰性初始化和localstroage使用

热门文章

最新文章