重学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>
相关文章
|
17天前
|
JavaScript 前端开发 索引
ES6新特性(三): 可迭代对象和两种新增循环方式
ES6新特性(三): 可迭代对象和两种新增循环方式
|
2月前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)
ES6新增循环对象的四种方法(通俗易懂)
ES6新增循环对象的四种方法(通俗易懂)
|
3月前
|
前端开发 JavaScript
讲讲ES6中 对象合并
讲讲ES6中 对象合并
54 0
|
3月前
|
前端开发
【前端学习】—ES6新增的方法有哪些(十五)
【前端学习】—ES6新增的方法有哪些(十五)
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
70 0
|
JavaScript 前端开发
每天3分钟,重学ES6-ES12(十六)错误异常处理方案
每天3分钟,重学ES6-ES12(十六)错误异常处理方案
91 0
|
JavaScript 前端开发
🍉JavaScript进阶——类的本质及ES5的新增方法
🍉JavaScript进阶——类的本质及ES5的新增方法
81 9
🍉JavaScript进阶——类的本质及ES5的新增方法
|
前端开发
#yyds干货盘点 【React工作记录十七】根据数组code值返回value值
#yyds干货盘点 【React工作记录十七】根据数组code值返回value值
67 0
|
JavaScript 前端开发 开发者
🍉ES6基础-改进的数组功能
🍉ES6基础-改进的数组功能
71 1