javascript的Foreach语法

最新推荐文章于 2024-05-01 19:57:17 发布
最新推荐文章于 2024-05-01 19:57:17 发布
阅读量918 收藏
点赞数

javascript的Foreach语法  

 转自http://www.cnblogs.com/Fskjb/archive/2011/03/26/1996165.html

首先，虽然叫Foreach语法但关键字还是用for哦，这个语法只是对平时用开的for语法的一个简化而已。

 

这个语法平时最多还是用来遍历数组，这时候每一个循环得到的是数组的索引(一个整形数字),然后通过数组名[整形索引]获得数组中的对象。

 

但是这个语法还可以用来遍历对象，拿到的是对象的属性名称(一个字符串).然后通过对象名[属性名称]就可以拿到对象。

 

所以理解该语法的关键是理解每次循环得到的到底是什么。

其实，这一功能的实现得益于javascript的数组索引可以是字符串，如果不能（想想java）就没有这出戏唱了。


<html>
<head>
	<script type="text/javascript">
  var mycolors = new Array('blue','red','yellow');
    function f1(){        
        var content="";
        for(var key in mycolors){
            content += key+": "+mycolors[key]+"<br/>";
        }    
        document.getElementById("content").innerHTML = content;
    }
	function User(){};
	function f2(){
		var u1 = new User();
		u1.uname="zhangshan";
		u1.age="18";
		var content="";
		for(var key in u1){
			content +=key+":"+u1[key]+"<br/>";
		}
		document.getElementById("content").innerHTML = content;
	} 
	
	</script>
</head>
<body>
	<input type="button" id="c1" name="c1" οnclick="f1();" value="点这里"/>
 <input type="button" id="c2" name="c2" οnclick="f2();" value="再点这里"/> 
	<div id="content"></div>
</body>
</html>


liyayunwxc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue - 根据输入关键字过滤数组列表(列表搜索功能)
王佳斌
08-10 8328
前言 输入关键字，自动匹配带有关键字的列表，过滤列表数组。 案例前的准备(了解两个数组方法) includes() 解释：该方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。 JavaScript版本：ECMAScript 6 用法：arr.includes(searchElement,fromIndex) searchElement：必须。需要查找的元素值。 ...
c#foreach循环用法详解
opencv220的博客
07-17 1万+
foreach 语句经常与数组一起使用，在 C# 语言中提供了 foreach 语句遍历数组中的元素，具体的语法形式 如下。 foreach(数据类型 变量名 in 数组名) { //语句块； } C# foreach 循环用于列举出集合中所有的元素，foreach 语句中的表达式由关键字 in 隔开的两个项组成。 in 右边的项是集合名，in 左边的项是变量名，用来存放该集合中的每个元素。 该循环的运行过程如下： 每一次循环时，从集合中取出一个新的元素值。放到只读变量中去，如果括号中.
遍历JavaScript对象（字典）
最新发布
weixin_45596561的博客
05-01 591
遍历JavaScript对象（字典）是编程中常见的需求。for...in循环提供了最直接的方式，但在某些情况下可能需要额外的检查。与forEach结合使用提供了另一种遍历方式，特别是在您使用现代JavaScript版本时。根据您的具体需求和偏好，可以选择最适合您的遍历方法。
JavaScript中forEach () 的用法
wbdisb的博客
04-21 1万+
forEach() 1. foreach语 句是java5的新特征之一， 在遍历数组、集合方面，foreach为 开发人员提供了极大的方便。 1.foreach语句是java 5的新特征之一，在遍历数组、集合方面，foreach为开发人员提供了极大的方便。 2. foreach语句是for语 句的特殊简化版本，但是foreach语 句并不能完全取代for语句，然而，任何的foreach语句都可以改写为for语 2.语句是for语句的特殊简化版本，但是foreach语句并不能完全取代for语句，然而，任何的.
24种 JavaScript 循环遍历方法
龚建波
12-25 7678
今天我们来看点基础知识，看看JavaScript中的那些循环遍历方法
【JavaScript】- forEach的用法
m0_55960697的博客
03-25 3226
forEach(function) 用于调用数组的每个元素，并将元素传递给回调函数。原数组不变。对数组的每个元素执行一次提供的函数。没有返回值 语法： let array = ['a', 'b', 'c'] array.forEach(function(element) { console.log(element) 输出 a b c }) 或 array.forEach((a)=> { console.log(a); ..
JavaScript 中的forEach()方法
HHyuang的博客
03-29 1万+
JavaScript 中的forEach方法一、forEach()的定义和用法？1.第一个是数组的每一项值（必选）2.第二个是数组下标（可选）3.第三个是原数组（可选）4.forEach()第二个参数对象 一、forEach()的定义和用法？ 1.forEach()方法用于调用数组的每个元素，并将元素传递给回调函数。 2.forEach()有三个参数，第一个是function()函数，第二个是对象； 3.函数里面有三个参数，第一个是数组的每一项值（必选），第二个是数组下标（可选），第三个是原数组（可选） 4
JavaScript数组forEach方法
Qiemo_的博客
05-01 1万+
1.forEach数组方法的作用 遍历数组 2.语法:array.forEach( function ( item, index,arr) {} ) 第一个参数: item,必须,当前元素的值 第二个参数 : index,可选,当前元素在数组中的索引值 第三个参数 : arr,当前元素所处的数组对象 3.forEach方法特点 (1)循环次数 === 数组长度 (2)函数内部的return 没有返回值 (3)forEach方法的返回值 没有返回值 4.注意点: (1)forEach
关于JavaScript forEach 的几种用法
luaond的博客
05-06 7628
forEach()是JavaScript中一个常用的方法，用于遍历数组或类数组对象中的每个元素，并执行指定的函数。
JavaScript forEach() 方法的使用及其注意事项
m0_74064480的博客
11-19 1988
forEach语法： array.forEach(callbackFn(currentValue, index, arr), thisValue)
foreach用法
weixin_51378457的博客
03-15 1万+
总之，foreach 是一种非常实用的语法糖，可以使代码更简洁、更易读，提高代码的可维护性和可读性。要注意，在迭代过程中，由于 foreach 遍历的是集合对象的副本，而非原始集合对象，因此如果在循环内部修改集合元素，则不会影响原始集合。如果需要修改集合元素，可以考虑使用迭代器 Iterator 进行操作。其中 element 表示集合中的元素，collection 表示要遍历的集合，循环体中的代码会执行若干次，每次都会取出 collection 中的一个元素，赋值给 element，然后运行循环体。
JavaScript 数据结构与算法（字典）
kiku
07-28 473
字典和散列表是用来存储唯一值（不重复的值）的数据结构 在集合中，把每个值当作主要元素。在字典（或映射）中，则用[键，值]对的形式来存储数据。在散列表中也是一样（也是以[键，值]对的形式来存储数据）。但是两种数据结构的实现方式略有不同，例如字典中的每个键只能有一个值。 字典 集合表示一组互不相同的元素（不重复的元素）。在字典中，存储的是[键，值]对，其中键名是用来查询特定元素的。字典和集合很相似，集合以[值，值]的形式存储元素，字典则是以[键，值]的形式来存储元素。字典也称作映射、符号表或关联数组。 在计算机
JavaScript 中遍历字典（对象）的键（key）和值（value）
qq_46034741的博客
04-12 1万+
这个方法会返回一个由键值对（key-value pairs）组成的数组，然后可以使用。要在 JavaScript 中遍历字典（对象）的键（key）和值（value），可以使用。​​）遍历每个键值对。在遍历过程中，我们可以直接访问键和值，然后根据需要处理它们。​​ 方法会返回一个包含键值对的数组，然后使用不同的遍历方法（​ 方法遍历键值对。
javascript中foreach的用法
乐点的博客
12-17 1366
其实在js中没有foreach关键字，只不过是通过for in来实现，如下代码： [javascript] view plain copy var myobj = new Object();   myobj.color = 'blue';   myobj.name = 'pengjh';   myobj.nation = 'china'; 
forEach的三种用法
热门推荐
mrsimpleLi的博客
04-07 3万+
// forEach的三种用法: //1.直接forEach遍历 for(int i:list){ System.out.println(i); } //2.用system.out::println list.forEach(System.out::println); //3.有map集合 键值对的情况下 set.forEach((key) -> { System.out....
js中的foreach用法
qq_42200107的博客
03-30 1万+
forEach() 方法对数组的每个元素执行一次提供的函数。 var array = ['a', 'b', 'c']; array.forEach(function(element) { console.log(element); }); 1 2 3 4 5 输出为： a; b; c; forEach() 方法对数组的每个元素执行一次提供的函数。总是返回undefined； var arr = [1,2,3,4]; arr.forEach(alert); // 等价于.
使用 js 实现 字典
樊小书生
02-05 5221
字典是一种以 键值对 形式存数数据的数据结构，javaScript 中的 Object 类就是以字典的形式设置的，所以使用 Object 类本身的特性实现字典 Dictionary 类。 属性及方法 列表 属性或方法 描述 add 方法 add(key, value) 向字典中添加 键值对 find 方法 find(key) 从字典中查找 key 键对应的值，找不到则返回 undefined remove 方法 remove(key) 从字典中删除 key 键 getKeys 方
JavaScript实现数据结构 -- 字典
Sun_blog
09-01 892
文章目录字典字典的常用操作增删改查字典的应用两个数组的交集（leetcode:349）思路代码两数之和（leetcode:1）思路代码无重复字符串的最长子串（leetcode:3）思路代码 字典 字典与集合类似，也是一种存储唯一值的数据结构，字典以键值对的形式进行存储，在ES6中有字典Map。 字典的常用操作 增 使用set()方法可以向字典中添加新成员，可连续添加。 删 使用delete()方法可以删除字典成员，删除字典中不存在的成员不报错。 使用clear()方法清空字典成员。 改 使用set()
JS常用的循环遍历
lpq1201的博客
05-30 1874
数组遍历 for、forEach、for …of const list = [1, 2, 3, 4, 5, 6, 7, 8,, 10, 11]; for (let i = 0, len = list.length; i < len; i++) { if (list[i] === 5) { break; // 1 2 3 4 // continue; // 1 2 3 4 6 7 8 undefined 10 11 } console.log(list[i]); } fo
JavaScript forEach
08-21
forEach 方法是 JavaScript 数组对象的一个函数，它用于遍历数组中的每个元素，并对每个元素执行指定的操作。 它的语法如下： ```javascript array.forEach(function(currentValue, index, array) { // 在此处执行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值