循环遍历数组或者对象，for、forEach、for in 、 for of 使用最多

for循环

自Javascript诞生时就有，遍历数组，for 循环的语法如下：

for (语句 1; 语句 2; 语句 3) {

要执行的代码块

}

举例说明

var arr = [1,2,3,4]

for(var i = 0 ; i< arr.length ; i++){

console.log(arr[i]); // 1 2 3 4 （输出结果）

}

forEach循环

从ES5开始 Javascript内置了forEach方法 遍历数组

let arr = ['a', 'b', 'c', 'd']

arr.forEach(function (val, idx, arr) {

console.log(val + ', index = ' + idx) // val是当前元素，index当前元素索引，arr数组

console.log(arr)

})

输出结果

a, index = 0

(4) ["a", "b", "c", "d"]

b, index = 1

(4) ["a", "b", "c", "d"]

c, index = 2

(4) ["a", "b", "c", "d"]

d, index = 3

(4) ["a", "b", "c", "d"]

写法简单了很多，但是也存在一个局限 就是你不能中断循环(使用break语句或使用return语句）。

for in循环

for-in循环实际是为循环”enumerable“对象而设计的

let obj = {a: '1', b: '2', c: '3', d: '4'}

for (let o in obj) {

console.log(o) //遍历的实际上是对象的属性名称 a,b,c,d

console.log(obj[o]) //这个才是属性对应的值1，2，3，4

}

for - in 也可用来循环数组，但一般并不推荐

for of循环

它是ES6中新增加的语法

循环一个数组

let arr = ['China', 'America', 'Korea']

for (let o of arr) {

console.log(o) //China, America, Korea

}

但是它并不能循环一个普通对象

let obj = {a: '1', b: '2', c: '3', d: '4'}

for (let o of obj) {

console.log(o) //Uncaught TypeError: obj[Symbol.iterator] is not a function

}

但是可以循环一个拥有enumerable属性的对象。

如果我们按对象所拥有的属性进行循环，可使用内置的Object.keys()方法

let obj = {a: '1', b: '2', c: '3', d: '4'}

for (let o of Object.keys(obj)) {

console.log(o) // a,b,c,d

}

如果我们按对象所拥有的属性值进行循环，可使用内置的Object.values()方法

let obj = {a: '1', b: '2', c: '3', d: '4'}

for (let o of Object.values(obj)) {

console.log(o) // 1,2,3,4

}

循环一个字符串

let str = 'love'

for (let o of str) {

console.log(o) // l,o,v,e

}

循环一个Map

let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]);

for (let [key, value] of iterable) {

console.log(value);

}

// 1

// 2

// 3

for (let entry of iterable) {

console.log(entry);

}

// [a, 1]

// [b, 2]

// [c, 3]

循环一个Set

let iterable = new Set([1, 1, 2, 2, 3, 3]);

for (let value of iterable) {

console.log(value);

}

// 1

// 2

// 3

循环一个类型化数组

let iterable = new Uint8Array([0x00, 0xff]);

for (let value of iterable) {

console.log(value);

}

// 0

// 255

最新文章

1. 搭建基于PHP的www服务器
2. floating IP 原理分析 - 每天5分钟玩转 OpenStack（107）
3. 2016年发布APASVO-p波震相自动拾取分析
4. str_repeat() 函数
5. PHP学习笔记十九【析构函数】
6. HttpRequest获取文件流,HttpResponse输出文件流
7. fetch()的用法
8. 深入了解mysql数据传输编码原理
9. python中的赋值与深浅拷贝
10. pthread mutex 进程间互斥锁实例
11. innerHTML .innerText区别
12. C#中使用EntityFramework（EF）生成实体进行存储过程的调用
13. nginx新增tcp模板
14. 2017《JAVA技术》预备作业2-计科1502-19-何俏依
15. html 提取 公用部分
16. Extjs MVC模式开发，循序渐进（一）
17. ：eq
18. GAME PROGRAMM
19. 机器学习与Tensorflow（1）——机器学习基本概念、tensorflow实现简单线性回归
20. php-url地址加密

热门文章

1. [Windows] DiskPart commands
2. MySQL系列（四）
3. 使用3种协议搭建yum仓库
4. Ubuntu登陆时忘记密码怎么办
5. json序列化字符串后,配置枚举类型显示数值而不是名称
6. 程序员还在用360，腾讯电脑管家清理注册表，清理垃圾？只能说你太low
7. 【Elasticsearch学习】之基础概念
8. 化妆品行业的一个MES系统案例（三）
9. Coursera课程笔记----计算导论与C语言基础----Week 12
10. # C#学习笔记(一）——准备工作