JavaScript,遍历,for

Posted 洋葱头king

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript,遍历,for相关的知识,希望对你有一定的参考价值。

 

(for循环,for...in ,for...of ,forEach)(:for in总是得到数组,字符串的下标,而for of和forEach一样,是直接得到值)

(forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。)

let arr = [`xiao`, 123, 100];

let account = {
    name: `xiao`,
    password: 123,
    balance: 100
},

一for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

二  for ...in(不用知道数组或者对象的长度)

①数组

for (let keys in arr) {
    console.log(keys);//返回每个值的下标
   console.log(arr[keys]);//返回每个下标对应的值
}
②对象
for (let keys in account ) {
    console.log(keys);//返回每个对象的属性名//name  password  balance
   console.log(arr[keys]);//返回每个对象的属性名对应的属性值//xiao  123   100
}
 
二  for ...of

①数组

for (let keys of arr) {
    console.log(keys);//返回每个值// xiao, 123, 100
   console.log(arr[keys]);//返回undefined undefined  undefined
}
 
②对象(for...of 不能遍历普通对象)(for...of 可以遍历数组,集合,map,string等等)
for (let keys of account ) {
    console.log(keys);//报错
   console.log(arr[keys]);//报错
}

以上是关于JavaScript,遍历,for的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript循环遍历

JavaScript 遍历 from 表单所有控件

[转] JavaScript中的属性:如何遍历属性

如何在JavaScript中的.forEach()遍历结束之后执行函数

JavaScript遍历对象-总结一

JavaScript实现树的深度优先遍历和广度优先遍历