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

最新推荐文章于 2022-03-23 22:45:59 发布
最新推荐文章于 2022-03-23 22:45:59 发布
阅读量639 收藏
点赞数
分类专栏： ECMAScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39045645/article/details/107126142
版权 
<!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>

作者：Vam的金豆之路

主要领域：前端开发

我的微信：maomin9761

微信公众号：前端历劫之路

Vam的金豆之路
关注
专栏目录
【ES新特性三】Object 原型、原型链相关方法
前端知识分享喵
08-30 1427
此方法为 Object.prototype 原型方法，Object.prototype 作为任意对象在原型链上的顶级原型对象，在 JS 中定义的任意一个对象（自定义对象、数组对象等都可以调用子方法）。**Object.getOwnPropertyNames()**方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括 Symbol 值作为名称的属性）组成的数组。方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
ES循环
浅影歌年的博客
11-13 406
#ES5循环 for循环 const arr = [1,2,3,4,5]; for (let i = 0; i<arr.length; i++) { console.log(arr[i]); } //浏览器中输出结果为 // 1 // 2 // 3 // 4 // 5 //for 循环支持break和continue语法 // 例如 for (let i = 0; i<arr.length; i++){ if (arr[i] === 2) { break; // 退出循环 } if
ES6数组循环、数组新增
weixin_43617604的博客
07-24 1512
arr.forEach(function(val,index,arr){ }) // 没有返回值，undefiend let arr = ["red","blue","green"] let arr2 = arr.forEach(function(val,index,arr){ console.log(val,index,arr) }) red 0 ["red","blue","green"] blue 1 ["red","blue","green"] green
ES之for循环多种方式
chd_sun的博客
10-09 2826
下面简单介绍一下常用的for循环方式，当然还有其他方式，这里便不做介绍。 1.普通for循环 var arr=['a','b','c']; for (let i = 0; i < arr.length; i++) { console.log(arr[i])// a b c } 2.for in 循环 for(j in arr) { console.log(arr[j]) } 3.for of循环(需要ES6支持) for (let value of arr) { console.lo
es - 几种常用的循环汇总
weixin_42631976的博客
12-24 754
// 平平无奇：for循环 var arr = [1, 2, 3, 4] for (var i = 0; i < arr.length; i++) { console.log(arr[i]) } // for in 循环 var arr = [1, 2, 3, 4] for (i in arr) { console.log(arr[i]) } // for of 循环（需要es6支持） var arr = [1, 2, 3, 4] for..
Es5和Es6中数组循环的方法
maoxiaohei_的博客
04-26 831
JavaScript ES(6-11)全版本语法 每个前端都需要的基础课
跟我学习javascript的循环
10-23
在本文中，我们将深入了解JavaScript中循环的概念，并探讨原型（prototype）相关的几个技巧。循环是编程中用于重复执行一组语句直到满足特定条件的一种控制结构。JavaScript作为一门动态脚本语言，提供了多种循环...
js数组方法(包含es5和es6新增)
weixin_40747545的博客
05-28 380
共性：都可以操作数据，截取一段数组； 异性：splice()是变异方法，会改变调用都原始数组；slice()是非变异方法，不会改变调用都数组，但总会返回一个新数组。 变异方法： push()、pop()、shift()、unshift()、splice()、sort()、reverse() 非变异方法 filter()、concat()、slice slice(start, end) 从star...
ES6 新增属性方法的学习记录
hopefullman的博客
09-16 388
1.let 命令 1..新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 2.不存在变量声明的提升，变量一定要在声明后使用，否则报错。 3.暂时性死区 var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; } 上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp ，导致后者绑定这个块级作用域，所以在let声明变量前，对t
JavaScript 5 新增 Array 方法实现介绍
10-28
在ECMAScript 5（ES5）版本的JavaScript中，Array对象得到了显著的增强，增加了几个重要的方法，这些方法包括every, some, forEach, map, filter, reduce和reduceRight。然而，并非所有浏览器都能够及时更新以支持...
es--Iterator遍历器与for...of循环
小白小白从不日别的博客
06-04 402
一、
ES6-ES11新特性学习连载篇（5）
前端小羽姐
03-23 177
一、for… of for…of （循环时候输出键值） for…in (循环时候输出索引) 二、生成器，异步编程的新的解决方案 function * gen(){ console.log('hello generator'); } let iterator = gen(); iterator.next();//必须用next来调用执行 //实例，文件操作，网络操作，数据库操作 //1s后输出11 2秒后
ES6 中 数组新增的循环
ikEason_的博客
11-23 1242
ES6 数组循环 先说一下ES5循环： 1. for for(let i=0; i<arr.length; i++){ //循环体语句 } 2. while while(条件为真){ //循环体语句 } 然后来说ES6数组中新增的一些循环： forEach | map | filter | some() | every() | reduce() | reduceRight() | for…of… 语法一致 arr.forEach | map | filter |
GLSL ES 语言—循环语句for
奎特尔星球
08-05 2714
for 语句for (初始化表达示; 条件表达示; 循环表达式) { 反复执行这里； }例如：for (int i = 0; i &lt; 3; i+...
es7,es8对象key和value遍历方法
bangbDIV的博客
08-08 5186
let obj = {a: 1, b: 2, c: 3} Object.values(obj).forEach(value=&gt;console.log(value)) // 1, 2, 3 es8方法 Object.values(obj)生成value数组，进行遍历内容 let obj = {a: 1, b: 2, c: 3} Object.keys(obj).forEach((key...
Es6新特性
chenacxz的博客
01-02 2590
Es6新特性 模板字符串 传统字符串用法 const str = ‘hello world this is a string’ 模板字符串 const str = hello world this is a \string`console.log(str)//hello world this is astring` const str = hello world this is a \string`console.log(str ) 输出 hello world this is a \string` con
ES6 JavaScript 条件循环等控制语句
weixin_44983653的博客
07-22 555
ES6 JavaScript 控制语句1、if 条件分支语句1.1 语法1.2 示例2、switch...case 分支语句2.1 语法2.2 示例3、for 循环语句3.1 语法3.2 示例4、while 循环4.1 语法4.2 示例5、do...while 循环5.1 语法5.2 示例6、for...in 循环6.1 语法6.2 数组 --- 示例6.3 C风格 --- 示例6.3 对象 --- 示例7、for...of 循环7.1 语法7.2 示例8、break/continue 说明9、for 迭代
ElasticSearch 学习：倒排索引与核心概念解析
- **索引（Index）**：在 Elasticsearch 中，索引是一个逻辑空间，可以看作数据库，其中可以包含一个或多个类型（尽管在 ES 7.0 以后已废弃类型概念，建议一个索引只包含一种类型的数据）。 - **Type（类型）**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Vam的金豆之路

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值