js的关于for的语句

JavaScript for...in 语句

for...in 语句用于对数组或者对象的属性进行循环操做。javascript

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操做。html

语法:

 (变量  对象)
{
    在此执行代码
}forin

“变量”用来指定变量,指定的变量能够是数组元素,也能够是对象的属性。java

实例:数组

 

使用 for ... in 循环遍历数组。数据结构

 

<html>
<body>

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"


</script>

</body>
</html>

for (x in mycars) { document.write(mycars[x] + "<br />") }

JavaScript for...of 语句

 

for...of 语句建立一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 容许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。函数

 

语法:

 

for (variable of iterable) { statement }

 

  • variable:每一个迭代的属性值被分配给该变量。
  • iterable:一个具备可枚举属性而且能够迭代的对象。

实例:
spa

 

Arrays(数组)

 

Arrays(数组)就是类列表(list-like)对象。数组原型上有各类方法,容许对其进行操做,好比修改和遍历等操做。下面手在一个数组上进行的 for...of 操做:code

 

// array-example.js const iterable = ['mini', 'mani', 'mo'];   for (const value of iterable) { console.log(value); }   // Output: // mini // mani // mo

 

其结果就是打印出 iterable 数组中的每个值。htm

JavaScript for each...in 语句

使用一个变量迭代一个对象的全部属性值,对于每个属性值,有一个指定的语句块被执行.对象

 

语法:

 

for each (variable in object) { statement }
variable
用来遍历属性值的变量,前面的var关键字是可选的.该变量是函数的局部变量而不是语句块的局部变量.
object
该对象的属性值会被遍历.
statement
遍历属性值时执行的语句. 若是想要执行多条语句, 请用({ ... }) 将多条语句括住.
实例:
var sum = 0; var obj = {prop1: 5, prop2: 13, prop3: 8}; for each (var item in obj) { sum += item; } print(sum); // 输出"26",也就是5+13+8的值