循环可以将代码块执行指定的次数.如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。迭代语句又叫循环语句。

JavaScript 支持不同类型的循环:

  • for - 循环代码块一定的次数
  • for/in - 循环遍历对象的属性
  • while - 当指定的条件为 true 时循环指定的代码块
  • do/while - 同样当指定的条件为 true 时循环指定的代码块
     var obj = { height: 175, weight: 60 }; //初始化一个对象
console.log(obj);
var keys = Object.keys(obj); //获取对象 obj 属性名组成的数组
console.log(keys);
var values = []; //values用来保存对象 obj 属性值
for(var i = 0, len = keys.length; i < len; i++){
var key = keys[i]; //获取当前索引的键值
values[i] = obj[key]; //在values数组中保存属性值
console.log(values[i]);
}

效果截图:

aaarticlea/png;base64,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" alt="" />

使用for循环遍历数组元素的更多相关文章

  1. IT兄弟连 Java语法教程 数组 使用foreach循环遍历数组元素

    从JDK5之后,Java提供了一种更简单的循环:foreach循环,也叫作增强for循环,这种循环遍历数组和集合更加简洁.使用foreach循环遍历数组和集合元素时,无需获得数组或集合的长度,无需根据 ...

  2. JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)

    String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘ ...

  3. C# foreach 循环遍历数组

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace Cons ...

  4. *使用while循环遍历数组创建索引和自增索引值

    package com.chongrui.test;/* *使用while循环遍历数组 *  *  * */public class test {    public static void main ...

  5. js循环遍历数组

    一维数组的遍历 <script> //循环遍历数组 var animals = ["cat",'dog','human','whale','seal']; var an ...

  6. for循环遍历数组(数组1)

    package com.mon10.day24; import java.util.Scanner; /** * 类说明 :计算学生的总成绩和平均分 * @author 作者 : chenyanlon ...

  7. JS基础语法---for循环遍历数组

    for循环遍历数组 要显示数组中的每个数据,可以如下: var arr=[10,20,30,40,50]; //显示数组中的每个数据 console.log(arr[0]); console.log( ...

  8. javascript循环遍历数组输出key value

    javascript循环遍历数组输出key value用$.each方法肯定不行的 所以采用如下方法<pre> markers = []; markers[2]=3; markers[3] ...

  9. PHP——数组中的each(),list()和while循环遍历数组

    .while遍历 在while()语句每次循环中,each()语句将当前数组元素的键,赋给list()函数的第一个参数变量$key.并将当前数组元素中的值,赋给list()函数中的第二个参数变量$va ...

随机推荐

  1. 20145234黄斐《Java程序设计》第四周学习总结

    教材学习内容总结 第六章部分 - 继承与多态 何谓继承 继承面向对象中,子类继承父类,避免重复的行为定义.一般来说,父类的父类也称父类,且同一个子类只允许拥有一个父类,而同一个父类则可以拥有多个子类. ...

  2. WPF的退出

    很多时候,会自己写退出程序的代码. 比如,先显示登录框(LogIn),成功后隐藏它,并显示一个主窗体(MainWin),或者外部还调用了其他App,当你关闭MainWin不一定会直接退出整个程序的. ...

  3. C#学习第一阶段——语法基础

    C#是一门面向对象的编程语言.在面向对象的程序设计方法中,程序由各种相互交互的对象组成.相同种类的对象具有相同的属性,或者说是在相同的class 中的.       例如,以矩形为例,它具有高(len ...

  4. React-精华版

    现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领 ...

  5. 创龙DSP6748开发板上电测试-第一篇

    1. 创龙DSP6748开发板测试.2980元的售价很高,我估计新的1200元比较合适,当然创龙定价是按照供需关系的.仿真器XDS100V2卖598元,真是狮子大张口. 2. 上电是5V-2A的电源. ...

  6. Fat Jar - Myeclipse插件安装使用方法- 完美解决

    Eclipse可以安装一个叫Fat Jar的插件,用这个插件打包非常方便,Fat Jar的功能非常强大. 工具/原料 Eclipse Kepler Fat Jar 方法/步骤 1 Fat Jar功能非 ...

  7. selenium(Java)WebDriverWait等待机制

    //标题是不是“百度一下,你就知道” 18 new WebDriverWait(driver,5).until(ExpectedConditions.titleIs("百度一下,你就知道&q ...

  8. C++11 type_traits 之is_convertible源码分析

    请看源码: struct __sfinae_types { typedef char __one; typedef ]; } __two; }; template<typename _From, ...

  9. BehaviorDesigner学习

    行为树: 行为树设计师插件是一个专门为unity设计的AI插件. 学习用!!!插件地址:链接:http://pan.baidu.com/s/1dF2okPN 密码:b43m 通过继承Behavior中 ...

  10. 【WXS数据类型】Boolean

    属性: 名称 值类型 说明 [Boolean].constructor [String] 返回值为“Boolean”,表示类型的结构字符串 方法: 原型:[Boolean].toString() 说明 ...