使用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 ...
随机推荐
- 成都Uber优步司机奖励政策(3月20日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- Linux 下获取本机IP
http://blog.csdn.net/K346K346/article/details/48231933 int main () { /* struct ifaddrs *ifap, *ifa; ...
- 二、StreamAPI
一.Stream是什么? 是数据通道,用于操作数据源(集合.数组等)所生成的元素序列.集合讲的是数据,流讲的是计算. 注意: Stream不会存储元素. Stream不会改变源对象.相反,他们会返回一 ...
- vs2015 mvc项目数据迁移报错
第一次做个mvc项目玩玩,然后需要数据迁移,也没做过,就百度找怎么数据迁移, 找到的方法是: 如果数据是在类库项目里就在‘程序包管理控制台’输入:enable-migrations -ContextT ...
- MySql 增加字段 删除字段 修改字段名称 修改字段类型
//1.增加一个字段 alter table user add COLUMN new1 VARCHAR(20) DEFAULT NULL; //增加一个字段,默认为空 alter table user ...
- sql中的几种连接类型
一.连接类型简介 在sql中单表查询的几率相对来说比较少,随着数据库的日益复杂,多表关联的情况越来越多,在多表关联的情况下存在多种关联的类型, 1.自关联(join或inner join) 2.左外关 ...
- 图的基本算法(BFS和DFS)
图是一种灵活的数据结构,一般作为一种模型用来定义对象之间的关系或联系.对象由顶点(V)表示,而对象之间的关系或者关联则通过图的边(E)来表示. 图可以分为有向图和无向图,一般用G=(V,E)来表示图. ...
- 破解IDEA注册码,设置 license server一直有效不过期
破解的详细过程: 1.从下面地址下载一个jar包,名称是 JetbrainsCrack-2.10-release-enc.jar 下载地址是http://idea.lanyus.com/,进去之后点 ...
- Java并发基础--ThreadLocal
一.ThreadLocal定义 ThreadLocal是一个可以提供线程局部变量的类,ThreadLocal为解决多线程程序的并发问题提供了一种新的思路,通过为每个线程提供一个独立的变量副本解决了变量 ...
- lintcode539 移动零
移动零 给一个数组 nums 写一个函数将 0 移动到数组的最后面,非零元素保持原数组的顺序 注意事项 1.必须在原数组上操作2.最小化操作数 您在真实的面试中是否遇到过这个题? Yes 样例 给出 ...