排列三现金网
在 ECMAScript5(简称 ES5)中，有三个轮回。在 2015 年 6 月发布的 ECMAScript6(简称 ES6)中，新增了一种轮回类型。他们是：
for for in for each for of今天，就让咱们一齐来望望这4个 for 轮回。
1、通俗的for轮回咱们来望望最常见的写法：
const arr = [1, 2, 3]; for(let i = 0; i < arr.length; i++) { console.log(arr[i]); }
当轮回中数组的长度莫得变化时，咱们应该将数组的长度存储在一个变量中，这么后果会更高。底下是更正的写法：
const arr = [1, 2, 3]; for(let i = 0, len = arr.length; i <len; i++) { console.log(arr[i]); }
2、for-in
2.1、 使用 for-in
频繁，咱们不错使用for-in来遍历数组的内容，代码如下：
const arr = [1, 2, 3]; let index; for(index in arr) { console.log(“arr[“ + index + “] = “ + arr[index]); }
一般来说，操作的完了如下：
arr[0] = 1 arr[1] = 2 arr[2] = 3
皇冠体育支付宝充值
但这么作念频频会产生问题。
2.2、 for-in的真相
for-in 轮回遍历对象的属性，而不是数组的索引。是以for-in遍历的对象不限于数组，也不错遍历对象。示举例下：
const person = { fname: “san”, lname: “zhang”, age: 99 }; let info; for(info in person) { console.log(“person[“ + info + “] = “ + person[info]); }
完了如下：
person[fname] = san person[lname] = zhang person[age] = 99
需要注重的是for-in遍历属性的规定是概略情的，即输出完了的规定与对象中属性的规定无关，也与属性的字母规定无关，也莫得任何其他规定。
2.3 、对于数组的真相
数组是Javascript中的一个对象，Array的索引是属性名。事实上，Javascript 中的“数组”有点误导。
Javascript 中的数组与大无数其他话语中的数组不同。领先，Javascript 中的数组在内存中不是承接的。
其次，Array 的索引不是指偏移量。其实Array的索引不是Number类型，而是String类型。之是以能正确使用 arr[0] 之类的写法，是因为话语不错自动蜕变 Number 类型。0 调养为 String 类型的“0”。
因此，Javascript 中从来莫得 Array 索引，只好“0”、“1”等属性。
风趣风趣的是，每个 Array 对象皆有一个 length 属性，这使得它的活动更像其他话语中的数组。
皇冠体育
但是为什么遍历Array对象的时候不输出length属性呢?那是因为for-in只可遍历“可成列属性”，length是不可成列属性，履行上Array对象还有好多其他不可成列属性。
面前，让咱们回格外来望望使用 for-in 轮回数组的例子。咱们修改前边遍历数组的例子：
const arr = [1, 2, 3]; arr.name = “Hello world”; let index; for(index in arr) { console.log(“arr[“ + index + “] = “+ arr[index]); }
皇冠客服飞机：@seo3687
操作的完了是：
arr[0] = 1 arr[1] = 2 arr[2] = 3 arr[name] = Hello world
咱们看到 for-in 遍历咱们新的“name”属性，因为 for-in 遍历对象的扫数属性，而不单是是“索引”。
同期，需要注重的是，这里输出的索引值，即“0”、“1”、“2”不是Number类型，而是String类型，因为它们是动作属性输出的，不是索引，这是否意味着咱们只可输出数组的内容，而不可向咱们的 Array 对象添加新属性?谜底是狡赖的。
因为for-in不仅遍历数组本人的属性，还会遍历数组原型链上的扫数可成列属性。让咱们看一个例子：
Array.prototype.fatherName = “Father”; const arr = [1, 2, 3]; arr.name = “Hello world”; let index; for(index in arr) { console.log(“arr[“ + index + “] = “+ arr[index]); }
操作的完了是：
arr[0] = 1 arr[1] = 2 arr[2] = 3 arr[name] = Hello world arr[fatherName] = Father
至此，咱们不错发现for-in并不合适遍历Array中的元素，它更合适遍历对象的属性，这亦然它创建的初志。有一个例外，那即是荒芜数组，阅读以下示例：
let key; const arr = []; arr[0] = “a”; arr[100] = “b”; arr[10000] = “c”; for(key in arr) { if(arr.hasOwnProperty(key) && /⁰$|^[1–9]\d*$/.test(key) && key <= 4294967294 ) { console.log(arr[key]); } }
zh皇冠澳门赌场
For-in 仅遍历现存实体。上例中for-in遍历了3次(差别遍历属性为“0”、“100”、“10000”的元素，凡俗for轮回会遍历10001次)。因此，只须处理适合，for-in 也不错在遍历 Array 中的元素方面透露弘大的作用。
皇冠A盘和C盘的分别为了幸免类似责任，咱们不错包装上头的代码：
function arrayHasOwnIndex(array, prop) { return array.hasOwnProperty(prop) && /⁰$|^[1–9]\d*$/.test(prop) && prop <= 4294967294; // 2³²-2 }
成都大运会乒乓球项目最后一块金牌战在8月5日下午打响，由中国队周恺对阵中国队徐瑛彬。在为中国队提前锁定乒乓球男单金银牌的情况下，最终周恺以4-2战胜徐瑛彬夺冠。
网站以其优质博彩服务多样化博彩游戏，广大博彩爱好者提供最佳博彩体验丰富博彩乐趣。
用法示举例下：
for (let key in arr) { if (arrayHasOwnIndex(arr, key)) { console.log(arr[key]); } }
2.4、 for-in性能
如上所述，欧博娱乐在线每次迭代操作皆会同期搜索实例或原型属性。for-in 轮回的每次迭代皆会产生更多的支拨，是以它比其他轮回类型慢，一般速率是其他轮回类型的 1/7。
因此，除非您明确需要迭代具有未知数目属性的对象，不然您应该幸免使用 for-in 轮回。若是需要遍历有限数目的已知属性列表，使用其他轮回会更快，举例以下示例：
const obj = { “prop1”: “value1”, “prop2”: “value2” }; const props = [“prop1”, “prop2”]; for(let i = 0; i <props.length; i++) { console.log(obj[props[i]]); }
在上头的代码中，对象的属性存储在一个数组中。与for-in搜索每个属性比拟，代码只见原给定的属性，从简了轮回的支拨和技术。
3、forEach在 ES5 中，引入了一个新轮回，即 forEach 轮回。
const arr = [1, 2, 3]; arr.forEach((data) => { console.log(data); });
操作完了：
博彩规则
1 2 3
forEach 范例对数组中包含灵验值的每一项推论一次回调函数，那些也曾被删除(使用delete 范例等)或从未赋值的项将被跳过(不包括那些未界说的项) 或空值)。回调函数会次序传入三个参数：
数组中刻下项的值; 刻下项在数组中的索引; 数组对象本人;需要注重的是，forEach 遍历的规模会在第一次调用回调之前详情。调用 forEach 后添加到数组的样式不会被回调打听。
若是现存值发生变化，则传递给callback的值即是forEach遍历它们时的值。不会遍历已删除的样式。
const arr = []; arr[0] = “a”; arr[3] = “b”; arr[10] = “c”; arr.name = “Hello world”; arr.forEach((data, index, array) => { console.log(data, index, array); });
操作完了：
皇冠信用盘源码a 0 [“a”, 3: “b”, 10: “c”, name: “Hello world”] b 3 [“a”, 3: “b”, 10: “c”, name: “Hello world”] c 10 [“a”, 3: “b”, 10: “c”, name: “Hello world”]
这里的索引是Number类型的，不会像for-in那样遍历原型链上的属性。
因此，在使用forEach时，咱们不需要尽头声明索引和要遍历的元素，因为这些皆是动作回调函数的参数。
另外，forEach 会遍历数组中的扫数元素，但是 ES5 界说了一些其他有用的范例，底下是一部分：
every：轮回在第一次复返false后复返 some：轮回在第一次复返 true 后复返 filter：复返一个元素首肯回调函数的新数组 map：在复返之前处理原始数组中的元素 reduce：次序处理数组中的元素，将上一次处理的完了动作下一次处理的输入，最终取得最终完了。forEach 性能
您不错望望jsPerf。在不同浏览器下测试的完了是forEach莫得for快。若是将测试代码放在终了台中，可能会取得不同的完了。主要原因是终了台的推论环境与果真的代码推论环境不同。
4、for-of咱们先来看一个例子：
const arr = [‘a’, ‘b’, ‘c’]; for(let data of arr) { console.log(data); }
启动的完了是：
a b c
为什么要引入for-of?
要回复这个问题，咱们先来望望 ES6 之前的 3 种 for 轮回的颓势：
forEach 不可中断和复返;
for-in 的劣势愈加昭彰。它不仅遍历数组中的元素，还遍历自界说属性，以至打听原型链上的属性。此外，遍历数组元素的规定不错是赶快的。
是以，针对以上污点，咱们需要对原本的for轮回进行更正。但是 ES6 不会碎裂您也曾编写的 JS 代码。
面前，数以千计的网站依赖于 for-in 轮回，其中一些以至将其用于数组遍历。通过建筑 for-in 轮回来添加数组遍历搭救会使这一切变得愈加狼藉词语，因此尺度委员会在 ES6 中添加了一个新的轮回语法来处分刻下的问题 for-of 。
那么 for-of 能作念什么呢?与forEach比拟，它不错正确反应break、continue、return。
排列三现金网for-of 轮回不仅搭救数组，还搭救大无数类似数组的对象，举例 DOM 节点列表对象。
for-of 轮回还搭救字符串遍历，它将字符串动作 Unicode 字符序列进行迭代。
for-of 还搭救 Map 和 Set(皆是 ES6 中的新功能)对象遍历。
回来一下，for-of 轮回具有以下特色：
这是迭代数组元素的最简单径直的语法。
这种范例幸免了 for-in 轮回的扫数陷坑。
与 forEach 不同，它正确反应 break、continue 和 return 语句。
它不仅不错遍历数组，还不错遍历类数组对象和其他可迭代对象。
但是，应该注重的是，for-of 轮回不搭救凡俗对象，但是若是您思遍历一个对象的属性，您不错使用 for-in 轮回(它即是这么作念的)。
终末，但并非最不病笃的是，ES6 引入了另一种范例来迭代数组的值，那即是 Iterator。终末一个例子：
const arr = [‘a’, ‘b’, ‘c’]; const iter = arr[Symbol.iterator](); iter.next() // { value: ‘a’, done: false } iter.next() // { value: ‘b’, done: false } iter.next() // { value: ‘c’, done: false } iter.next() // { value: undefined, done: true }
不外排列三现金网，这个内容超出了本文的规模，Iterator 有好多要讲的。
