forof循环

一、语法

1、遍历数组

let myArr=[1,2,3,4,5];
for (let ele of myArr) {
console.log(ele);
}
let myArr=[1,2,3,4,5];
for (const ele of myArr) {
console.log(ele);
}

2、遍历字符串

let myStr=“camille”;
for (let ele of myStr) {
console.log(ele);
}

3、循环一个拥有enumerable属性的对象

for of循环并不能直接使用在普通的对象上,但如果我们按对象所拥有的属性进行循环,可使用内置的Object.keys()方法。

for (var key of Object.keys(myOject)) {
console.log(key + ": " + myOject[key]);
}

循环遍历对象的value,它既比传统的for循环简洁,同时弥补了forEach和for in循环的短板。它主要作用于数组,类数组对象,字符串,可以break,continue,return。火狐谷歌支持该语句,需要设置,IE不支持。

二、执行效率

var arr = [],
    arrlen = arr.length = 1000000;
for(var i=0; i<arrlen; i++){
  arr[i] = ‘looptest‘;
}
var t1 = +new Date();
for(var item of arr){
}
var t2 = +new Date();
console.log(‘for of:‘ + (t2-t1));
时间: 2024-10-14 01:01:54

forof循环的相关文章

深入浅出ES6(二):迭代器和for-of循环

作者 Jason Orendorff  github主页  https://github.com/jorendorff 我们如何遍历数组中的元素?20年前JavaScript刚萌生时,你可能这样实现数组遍历: for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自ES5正式发布后,你可以使用内建的forEach方法来遍历数组: myArray.forEach(function

迭代器与for-of循环

我们如何遍历数组中的元素?20 年前 JavaScript 刚萌生时,你可能这样实现数组遍历: for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自 ES5 正式发布后,你可以使用内建的 forEach 方法来遍历数组: myArray.forEach(function (value) { console.log(value); }); 这段代码看起来更加简洁,但这种方法也有

for-of循环

for (var value of myArray) { console.log(value); } 是的,与之前的内建方法相比,这种循环方式看起来是否有些眼熟?那好,我们将要探究一下for-of循环的外表下隐藏着哪些强大的功能.现在,只需记住: 这是最简洁.最直接的遍历数组元素的语法 这个方法避开了for-in循环的所有缺陷 与forEach()不同的是,它可以正确响应break.continue和return语句 for-in循环用来遍历对象属性. for-of循环用来遍历数据-例如数组中的

16、for-of循环

forEach不支持break for-in把数组当做对象来遍历,但是只能遍历出索引值 for-of循环可以遍历出数组的每一项值,支持break 1.for-in示范: 2.for-of示范 3.for-of支持break 原文地址:https://www.cnblogs.com/hihi-jing/p/9533043.html

day46homework常量字符串拼接结构赋值扩展运算符for-of循环map函数默认值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01定义常量.html</title> <!--常量--> <script> //常量:1.一旦定义 不能更改 const PI = 3.14;  // console.log(PI); // PI = 3.1415; error 

iterator和for-of循环

一.定义 在ES6中新增了Set和Map两种数据结构,再加上JS之前原有的数组和对象,这样就有了四种数据集合,平时还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象等.这样就需要一种统一的接口机制,来处理所有不同的数据结构.  Iterator就是这样一种机制.它是一种接口,为各种不同的数据结构提供统一的访问机制.任何数据结构只要部署Iterator接口,就可以完成遍历操作,而且这种遍历操作是**依次**处理该数据结构的所有成员.  Iterator遍历器的做用:

ES6—— iterator和for-of循环

Iterator 遍历器的作用:为各种数据结构,提供一个同意的,简便的访问接口.是的数据结构的成员能够按某种次序排列.ES6 新增了遍历命令 for...of 循环,Iterator接口主要供 for...of 消费. 1.手写Iterator接口. const arr=[ 1,2,3 ]; function iterator(arr){ let index=0; return { return index<arr.length?{value:arr[index++],done:false}:{

JavaScript里的循环方法:forEach,for-in,for-of

JavaScript诞生已经有20多年了,我们一直使用的用来循环一个数组的方法是这样的: for (var index = 0; index < myArray.length; index++) {  console.log(myArray[index]); } 自从JavaScript5起,我们开始可以使用内置的forEach方法: myArray.forEach(function (value) {  console.log(value); }); 写法简单了许多,但也有短处:你不能中断循环

JavaScript里的循环方法之forEach,for-in,for-of

JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. JavaScript诞生已经有20多年了,我们一直使用的用来循环一个数组的方法是这样的: for (var index = 0; index < myArray.length; index++) { console.log(m