for in 循环得到的是数组的key值

  for  in 循环用以遍历对象的属性

  var scores=[10,11,12];
  var total=0;
  for(var score in scores){

    console.log(score);// 0 1 2

    console.log(typeof score);//string  key值的类型为字符串
    total+=score;//total本身是number类型,但是由于number类型和string类型向加,会得到字符串类型,属于字符串拼接
  }
  console.log(total);//0012  所以最终的结果是0012

  for  in  循环的缺点

  for(var index in arr){
    console.log(arr[index]) //数组的value值
  }

  • 代码中赋值为index的值是字符串"0", "1","2"等,而不是真是的数字。由于你不想要碰到字符串计算("2" + 1 == "21")的状况,这对于编程而言是极其不方便的。
  • 循环体不仅仅会遍历数组元素,还会遍历任意其他的自定义添加的属性。例如,如果数组包含了一个不能枚举的属性 myArray.name,那么这次循环就会在 index == "name" 的时候额外执行一遍。甚至数组原型链上的属性也都会被遍历到。
  • 最让人感到惊奇的是,在某些状况下,这段代码会以随机顺序循环数组元素。
  • 简而言之,for-in 循环在设计之初就是用于普通的以字符串为 key 值的对象的语法,而不适用与数组。

 for循环得到的是数组的value值

    var a=0;
    var scores=[10,11,12];
    for(var i=0;i<scores.length;i++){
      console.log(scores[i])// 10 11 12
      console.log(typeof scores[i])//number
      a+=scores[i];//所以此时属于数字相加
      }
    console.log(a);//33 最后得到的结果是33

  所以引起此变化的根本原因在于数组的key值的类型为string,而value的值为number

  for的理解

  

          /*
因为当循环结构执行完时 i是等于9 的
但是由于for循环条件的第三个是i++,是后加加,
那么当结束循环的时候 i 还会自加1;所以执行完后i=10,此时跳出循环所以输出的i为10
*/for(var i=0;i<10;i++){
console.log(i) //0 1 2 3 4 5 6 7 8 9
}
console.log(i) //10
        //用来计数的循环变量泄露为全局变量。

---------------------------------------------------------------------于2017/12/28补充-----------------------------------------------------------------------------------

在ES5中 forEach  ,缺点:无法使用 break 语句跳出循环,或者使用 return 从函数体内返回。

  var arr=['Jane',16,'female']
  for(var value of arr){
    console.log(value) //依次输出Jane  16  female
       }

在ES6中新添加了for of循环

for-of 循环用以遍历数据 -- 就像数组中的值一样

var arr=['Jane',16,'female']
for( var  value  of  arr ){
    console.log(value) //依次输出Jane  16  female
}

---------------------------------------------------------------------于2018/03/01补充-----------------------------------------------------------------------------------

for 循环还有一个特别之处,就是设置循环变量的的那部分是一个父级作用域,而循环体内部是一个单独的子集作用域

	for(let i=0;i<3;i++){
let i = 'abc'
   console.log(i)
}
//abc
//abc
//abc

  

for in 循环 和for循环 for of循环的更多相关文章

  1. ios开发环境 分支语句 、 循环结构(for) 、 循环结构

    1 完成命令解析程序 1.1 问题 有命令解析程序,该程序提供三个功能选项供用户选择,用户选择某功能后,程序在界面上输出用户所选择的功能名称.程序的交互效果如图-1所示: 图-1 由上图可以看出,程序 ...

  2. for循环的表达规则,for循环的嵌套,跳转语句;穷举;迭代;异常处理

    for循环的基本格式 for(表达式1:表达式2:表达式3) { 循环体: } for循环的四要素 表达式1就是变量初始化:表达式2就是循环条件:表达式3是状态改变 static void Main( ...

  3. 房上的猫:for循环,跳转语句与循环结构,跳转语句进阶

    一.for循环 1.定义:  for循环语句的主要作用是反复执行一段代码,直到满足一定条件为止 2.组成部分:  (1)初始部分:设置循环的初始状态  (2)循环体:重复执行的代码  (3)迭代部分: ...

  4. JavaScript-//FOR/IN循环。当使用for/in循环遍历关联数组时,就可以清晰地体会到for/in的强大之处。

    <script> //FOR/IN循环.当使用for/in循环遍历关联数组时,就可以清晰地体会到for/in的强大之处. function getvalue(portfolio){ var ...

  5. Spring 循环引用(一)一个循环依赖引发的 BUG

    Spring 循环引用(一)一个循环依赖引发的 BUG Spring 系列目录(https://www.cnblogs.com/binarylei/p/10198698.html) Spring 循环 ...

  6. 选择排序是外面循环的array[i]与内循环的array[j]比较。冒泡排序是内循环的相邻两个值做比较修改

    选择排序是外面循环的array[i]与内循环的array[j]比较.冒泡排序是内循环的相邻两个值做比较修改

  7. Windows 消息循环(2) - WPF中的消息循环

    接上文: Windows 消息循环(1) - 概览 win32/MFC/WinForm/WPF 都依靠消息循环驱动,让程序跑起来. 本文介绍 WPF 中是如何使用消息循环来驱动程序的. 4 消息循环在 ...

  8. for循环和增强版的for循环

    增强的for循环. 缺点:   对于数组.不能方便的訪问下标值.   对于集合,与使用Interator相比.不能方便的删除集合中的内容(在内部也是调用Interator). 除了简单遍历并读取当中的 ...

  9. Java循环结构之while和do-while循环

    循环结构知识点 本章技能目标 1理解循环的含义 2会使用while循环 3会使用do-while循环 4会使用调试解决简单的程序错误 一.   循环的含义 循环就是重复的做……(Java程序中的循环结 ...

  10. Effective JavaScript Item 49 对于数组遍历,优先使用for循环,而不是for..in循环

    本系列作为Effective JavaScript的读书笔记. 对于以下这段代码,能看出最后的平均数是多少吗? var scores = [98, 74, 85, 77, 93, 100, 89]; ...

随机推荐

  1. 【python原理解析】gc原理初步解析

    python的gc是会用到:引用计数.标记-清除和分代收集,首先说明一下什么是引用计数 可以通过sys模块中的getrefcount()方法获取某个对象的引用计数 python本身的数据类型有基础类型 ...

  2. GUI学习之〇——PyQt5安装

    GUI(Graphical User Interface)是程序和软件使用者的接口,好的GUI是一个良好的软件的前提,在这里演示一下用PyQt5做一个GUI的方法 软件需求:python3.6 用的是 ...

  3. idea配置网络代理

    背景 公司限制连接外网,很多软件都被限制了,包括idea,只能通过代理上网. 使用代理上网,以往都是在IE的工具-Internet选项-连接里进行设置就OK了,谷歌浏览器啥的就可以上网了.但intel ...

  4. 设计模式之模板模式 template

    设计模式 模板模式如果有一个流程如下step1();step2();step3();step4();step5();其中step3() step5()是需要用户自己编写使用其他步骤是固定的那么可以写成 ...

  5. python2/3 利用psycopg2 连接postgreSQL数据库。

    psycopg2 是一个通过python连接postgreSQL的库, 不要被它的名称蒙蔽了,你可能发现它的版本是psyconpg2.7.*, 以为它只能在python2上使用,实际上,这只是一个巧合 ...

  6. vue中的import、export、requre的区别

    在es6之前js一直没有自己的模块语法,为了解决这种尴尬就有了require.js的出现.在es6发布之后js又引入了import的概念使得不清楚两者之间的区别的同学在实际使用过程中造成了自己的误解, ...

  7. UVA 10100 Longest Match

    题目链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&category=13&p ...

  8. 团队-爬取豆瓣电影TOP250-代码设计规范

    队长博客:http://www.cnblogs.com/gengwenhao/

  9. qhfl-5 redis 简单操作

    Redis Redis是完全开源免费的,遵守BSD协议,是一个高性能的key-value数据库. Redis有以下特点: -- Redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可 ...

  10. 秒杀系统-service

    在Dao层我们只完成了针对表的相关操作,包括写了接口方法和映射文件中的sql语句,并没有编写逻辑的代码,例如对多个Dao层方法的拼接,当我们用户成功秒杀商品时我们需要进行商品的减库存操作(调用Seck ...