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

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. ORB-SLAM(五)KeyFrameDataBase类

    关键帧数据库通过预先训练好的词典,维护一个向量std::vector<list<KeyFrame*> > mvInvertedFile; 该向量中mvInvertedFile[ ...

  2. beego orm mysql

    beego框架中的rom支持mysql 项目中使用到mvc模式,总结下使用方式: models中 package models import ( //使用beego orm 必备 "gith ...

  3. VS Help Viewer 显示内容为HTML源码的问题

    万恶的IE10 为了学习,安装了一套Windows Server 2012+SQL 2012+VS 2012的环境,整体感觉还不错,只是在使用Help Viewer查看帮助的时候,发现显示内容居然为H ...

  4. create-react-app react-redux项目 配置模块热更新hmr

    HRM并不是create-react-app专属的,提供一篇博客介绍hrm http://chrisshepherd.me/posts/adding-hot-module-reloading-to-c ...

  5. python 水仙花

    #简单def narcissus(): for n in range(100, 1000, 1): a, b, c = n//100, (n//10)%10, (n%100)%10 if a ** 3 ...

  6. 2019年猪年海报PSD模板-第一部分

    14套精美猪年海报,免费猪年海报,下载地址:百度网盘,https://pan.baidu.com/s/1i7bIzPRTX0OMbHFWnqURWQ                        

  7. PyCharm添加Selenium与Appium类库

    PyCharm添加Selenium与Appium依赖, 不需要用pip去安装!

  8. 平衡的括号 (Parentheses Balance UVA - 673)

    题目描述: 原题:https://vjudge.net/problem/UVA-673 题目思路: 1.水题 2.栈+模拟 3.坑在有空串 AC代码 #include <iostream> ...

  9. mysql 按日期统计

    按年汇总,统计: select sum(mymoney) as totalmoney, count(*) as sheets from mytable group by date_format(col ...

  10. python中spilt()函数和os.path.spilt()函数区别

    Python中有split()和os.path.split()两个函数: split():拆分字符串.通过指定分隔符对字符串进行切片,并返回分割后的字符串列表. os.path.split():将文件 ...