for in 循环 和for循环 for of循环
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循环的更多相关文章
- ios开发环境 分支语句 、 循环结构(for) 、 循环结构
1 完成命令解析程序 1.1 问题 有命令解析程序,该程序提供三个功能选项供用户选择,用户选择某功能后,程序在界面上输出用户所选择的功能名称.程序的交互效果如图-1所示: 图-1 由上图可以看出,程序 ...
- for循环的表达规则,for循环的嵌套,跳转语句;穷举;迭代;异常处理
for循环的基本格式 for(表达式1:表达式2:表达式3) { 循环体: } for循环的四要素 表达式1就是变量初始化:表达式2就是循环条件:表达式3是状态改变 static void Main( ...
- 房上的猫:for循环,跳转语句与循环结构,跳转语句进阶
一.for循环 1.定义: for循环语句的主要作用是反复执行一段代码,直到满足一定条件为止 2.组成部分: (1)初始部分:设置循环的初始状态 (2)循环体:重复执行的代码 (3)迭代部分: ...
- JavaScript-//FOR/IN循环。当使用for/in循环遍历关联数组时,就可以清晰地体会到for/in的强大之处。
<script> //FOR/IN循环.当使用for/in循环遍历关联数组时,就可以清晰地体会到for/in的强大之处. function getvalue(portfolio){ var ...
- Spring 循环引用(一)一个循环依赖引发的 BUG
Spring 循环引用(一)一个循环依赖引发的 BUG Spring 系列目录(https://www.cnblogs.com/binarylei/p/10198698.html) Spring 循环 ...
- 选择排序是外面循环的array[i]与内循环的array[j]比较。冒泡排序是内循环的相邻两个值做比较修改
选择排序是外面循环的array[i]与内循环的array[j]比较.冒泡排序是内循环的相邻两个值做比较修改
- Windows 消息循环(2) - WPF中的消息循环
接上文: Windows 消息循环(1) - 概览 win32/MFC/WinForm/WPF 都依靠消息循环驱动,让程序跑起来. 本文介绍 WPF 中是如何使用消息循环来驱动程序的. 4 消息循环在 ...
- for循环和增强版的for循环
增强的for循环. 缺点: 对于数组.不能方便的訪问下标值. 对于集合,与使用Interator相比.不能方便的删除集合中的内容(在内部也是调用Interator). 除了简单遍历并读取当中的 ...
- Java循环结构之while和do-while循环
循环结构知识点 本章技能目标 1理解循环的含义 2会使用while循环 3会使用do-while循环 4会使用调试解决简单的程序错误 一. 循环的含义 循环就是重复的做……(Java程序中的循环结 ...
- Effective JavaScript Item 49 对于数组遍历,优先使用for循环,而不是for..in循环
本系列作为Effective JavaScript的读书笔记. 对于以下这段代码,能看出最后的平均数是多少吗? var scores = [98, 74, 85, 77, 93, 100, 89]; ...
随机推荐
- JavaSE基础知识(5)—面向对象(5.2类的成员)
一.属性 1.语法 数据类型 属性名 [= 属性值]; 2.特点 ①属性的数据类型可以为任意类型,包含基本类型或引用类型②属性可以不用手动赋值,有默认值 int——0 double——0.0 char ...
- LWIP学习
转自:https://blog.csdn.net/kzq_qmi/article/details/46900589 数据包pbuf: LwIP采用数据结构 pbuf 来描述数据包,其结构如下: ...
- ASP.NET CORE 2.0 发布到IIS,IIS如何设置环境变量来区分生产环境和测试环境
0.前言 因为给前端的测试环境是windows,所以要设置windows上的环境变量,如果上Linux就没有这篇文章了,所以大家不要在意为什么core不放在linux上. 1.网上的解决方案 a 方式 ...
- Python开发——数据类型【运算符】
算数运算符 比较运算符 赋值运算符 逻辑运算符 成员运算符
- CSS学习总结4:派生选择器学习总结
派生选择器:通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁.派生选择器中一共分为三种:后代选择器.子元素选择器.相邻兄弟选择器. 1.初识派生选择器 实例:你希望列表中的 stron ...
- hbase-基础架构
介绍 hbase架构主要由hmaster,zookeeper和regionserver三部分构成,底层数据存储在hdfs中 hmaster 允许有多个master节点,使用zookeeper控制,保证 ...
- Python之路(第二十八篇) 面向对象进阶:类的装饰器、元类
一.类的装饰器 类作为一个对象,也可以被装饰. 例子 def wrap(obj): print("装饰器-----") obj.x = 1 obj.y = 3 obj.z = 5 ...
- ABP Xunit单元测试 第五篇
1.创建如下的项目结构 public class TestName { public bool ValidateName(string Name) { if (Name == "yin&qu ...
- 相对于父元素的fixed定位的实现
问题描述 之前在项目中,遇到了一个场景,需要实现相对于父元素的fixed定位:在父元素内拖动滚动条时,"fixed"定位的元素不能滑动,在外层拖动滚动条时,父元素及父元素内的所有元 ...
- tensorflow学习之(二)Seesion的两种打开模式
#Seesion的两种打开模式 import tensorflow as tf matrix1 = tf.constant([[3,3]])#一行两列的一个矩阵 matrix2 = tf.consta ...