使用for循环遍历数组元素
循环可以将代码块执行指定的次数.如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。迭代语句又叫循环语句。
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循环遍历数组元素的更多相关文章
- IT兄弟连 Java语法教程 数组 使用foreach循环遍历数组元素
从JDK5之后,Java提供了一种更简单的循环:foreach循环,也叫作增强for循环,这种循环遍历数组和集合更加简洁.使用foreach循环遍历数组和集合元素时,无需获得数组或集合的长度,无需根据 ...
- JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)
String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘ ...
- C# foreach 循环遍历数组
using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace Cons ...
- *使用while循环遍历数组创建索引和自增索引值
package com.chongrui.test;/* *使用while循环遍历数组 * * * */public class test { public static void main ...
- js循环遍历数组
一维数组的遍历 <script> //循环遍历数组 var animals = ["cat",'dog','human','whale','seal']; var an ...
- for循环遍历数组(数组1)
package com.mon10.day24; import java.util.Scanner; /** * 类说明 :计算学生的总成绩和平均分 * @author 作者 : chenyanlon ...
- JS基础语法---for循环遍历数组
for循环遍历数组 要显示数组中的每个数据,可以如下: var arr=[10,20,30,40,50]; //显示数组中的每个数据 console.log(arr[0]); console.log( ...
- javascript循环遍历数组输出key value
javascript循环遍历数组输出key value用$.each方法肯定不行的 所以采用如下方法<pre> markers = []; markers[2]=3; markers[3] ...
- PHP——数组中的each(),list()和while循环遍历数组
.while遍历 在while()语句每次循环中,each()语句将当前数组元素的键,赋给list()函数的第一个参数变量$key.并将当前数组元素中的值,赋给list()函数中的第二个参数变量$va ...
随机推荐
- ORB-SLAM(五)KeyFrameDataBase类
关键帧数据库通过预先训练好的词典,维护一个向量std::vector<list<KeyFrame*> > mvInvertedFile; 该向量中mvInvertedFile[ ...
- beego orm mysql
beego框架中的rom支持mysql 项目中使用到mvc模式,总结下使用方式: models中 package models import ( //使用beego orm 必备 "gith ...
- VS Help Viewer 显示内容为HTML源码的问题
万恶的IE10 为了学习,安装了一套Windows Server 2012+SQL 2012+VS 2012的环境,整体感觉还不错,只是在使用Help Viewer查看帮助的时候,发现显示内容居然为H ...
- create-react-app react-redux项目 配置模块热更新hmr
HRM并不是create-react-app专属的,提供一篇博客介绍hrm http://chrisshepherd.me/posts/adding-hot-module-reloading-to-c ...
- python 水仙花
#简单def narcissus(): for n in range(100, 1000, 1): a, b, c = n//100, (n//10)%10, (n%100)%10 if a ** 3 ...
- 2019年猪年海报PSD模板-第一部分
14套精美猪年海报,免费猪年海报,下载地址:百度网盘,https://pan.baidu.com/s/1i7bIzPRTX0OMbHFWnqURWQ
- PyCharm添加Selenium与Appium类库
PyCharm添加Selenium与Appium依赖, 不需要用pip去安装!
- 平衡的括号 (Parentheses Balance UVA - 673)
题目描述: 原题:https://vjudge.net/problem/UVA-673 题目思路: 1.水题 2.栈+模拟 3.坑在有空串 AC代码 #include <iostream> ...
- mysql 按日期统计
按年汇总,统计: select sum(mymoney) as totalmoney, count(*) as sheets from mytable group by date_format(col ...
- python中spilt()函数和os.path.spilt()函数区别
Python中有split()和os.path.split()两个函数: split():拆分字符串.通过指定分隔符对字符串进行切片,并返回分割后的字符串列表. os.path.split():将文件 ...