Javascript 数组循环遍历之forEach
1. js 数组循环遍历。
数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了。
除此之外,也可以使用较简便的forEach 方式
2. forEach 函数。
Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下:
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
</HEAD><BODY>
<script>
var arryAll = [];
arryAll.push(1);
arryAll.push(2);
arryAll.push(3);
arryAll.push(4);arryAll.forEach(function(e){alert(e);
})</script>
</BODY>
</HTML>
但是以上,代码在IE中却无法正常工作。
因为IE的Array 没有这个方法
alert(Array.prototype.forEach);
执行以上这句得到的是 "undefined", 也就是说在IE 中 Array 没有forEach的方法。
3. 让IE兼容forEach方法
//Array.forEach implementation for IE support..
//https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach
if (!Array.prototype.forEach) {Array.prototype.forEach = function(callback, thisArg) {var T, k;if (this == null) {throw new TypeError(" this is null or not defined");}var O = Object(this);var len = O.length >>> 0; // Hack to convert O.length to a UInt32if ({}.toString.call(callback) != "[object Function]") {throw new TypeError(callback + " is not a function");}if (thisArg) {T = thisArg;}k = 0;while (k < len) {var kValue;if (k in O) {kValue = O[k];callback.call(T, kValue, k, O);}k++;}};
}
详细介绍可以参照:
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach
4. 如何跳出循环?
Js 此种状况的forEach 不能使用continue, break; 可以使用如下两种方式:
1. if 语句控制
2. return . (return true, false)
return --> 类似continue
以下例子是取出数组中2的倍数和3的倍数的数;
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
</HEAD><BODY>
<script>
if (!Array.prototype.forEach) {Array.prototype.forEach = function(callback, thisArg) {var T, k;if (this == null) {throw new TypeError(" this is null or not defined");}var O = Object(this);var len = O.length >>> 0; // Hack to convert O.length to a UInt32if ({}.toString.call(callback) != "[object Function]") {throw new TypeError(callback + " is not a function");}if (thisArg) {T = thisArg;}k = 0;while (k < len) {var kValue;if (k in O) {kValue = O[k];callback.call(T, kValue, k, O);}k++;}};
}var arryAll = [];
arryAll.push(1);
arryAll.push(2);
arryAll.push(3);
arryAll.push(4);
arryAll.push(5);var arrySpecial = [];arryAll.forEach(function(e){if(e%2==0){arrySpecial.push(e);}else if(e%3==0){arrySpecial.push(e);}
})</script>
</BODY>
</HTML>
使用return 达到以上效果
arryAll.forEach(function(e){if(e%2==0){arrySpecial.push(e);return;}if(e%3==0){ arrySpecial.push(e);return;}
})
至于如何写类似break 的效果,目前尚未找到比较好的办法。
有搜索一下,有的说return false 可以达成, 试了一下, 效果和return 和return ture 是一样的。
Javascript 数组循环遍历之forEach相关推荐
- js 数组遍历符合条件跳出循环体_Javascript数组循环遍历之forEach详解
1.js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i除此之外,也可以使用较简便的forEach 方式 2.forEach函数. Firefox 和Chrome 的Arra ...
- php的循环有哪几种,PHP数组循环遍历的几种方式
PHP数组循环遍历 1.for循环 //语法 for (init counter; test counter; increment counter) { code to be executed; } ...
- js三层数组循环遍历(笛卡尔积)运算,并生成顺序
笛卡尔乘积是指在数学中,两个集合X和Y的笛卡尔积(Cartesian product),又称直积,表示为X × Y,第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 [1] . 假 ...
- PHP数组循环遍历的四种方式
[(重点)数组循环遍历的四种方式] 1.使用for循环遍历数组 conut($arr);用于统计数组元素的个数. for循环只能用于遍历,纯索引数组!!!! 如果存在关 ...
- vue 循环遍历list_vue使用map代替Aarry数组循环遍历的方法
需求:根据主键id来找到对应的数组下标 原本的方法是使用for循环遍历该数组,变量 i 就是下标,问题在于,如果有多重for循环,就会导致性能大大下降,数据也容易出错 因此使用map,让数组(原本是l ...
- vue数组循环遍历中途跳出整个循环
vue数组循环遍历中途跳出整个循环,使用some进行循环,return true时,跳出整个循环 judgePoint(arr) {if (this.haveError) {this.haveErro ...
- Java的知识点16——数组概述和特点、数组声明、初始化、数组的遍历、for-each循环、数组的拷贝
数组的定义 数组是相同数据类型的有序集合.数组描述的是相同类型的若干个数据,按照一定的先后次序排列组合而成.其中,每一个数据称作一个元素,每个元素可以通过一个索引(下标)来访问它们.数组的三个基本特点 ...
- JS数组循环遍历常用方法总结
1. for 循环 for 循环在JavaScript 刚萌生的时候就出现了,for循环是使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显.for循环没有返回值. ...
- 如何在html页面遍历对象,javascript如何循环遍历对象?
在JavaScript中有多种循环遍历对象的方法,下面本篇文章就来给大家介绍一下使用JavaScript循环遍历对象的方法,希望对大家有所帮助. 1.使用for 循环 for 循环是 Js 中最常用的 ...
最新文章
- Apache Hudi的写时复制和读时合并
- 《深入理解Java虚拟机》(第二版)学习1:JVM的内存划分
- 格式化输出和printf命令
- AI能写出靠谱医学报告了,CVPR2021收录 | 腾讯医典出品
- 关系型数据库和mysql教材_关系型数据库(MySQL)
- 学习Python一定要知道的在定义变量中的三个特征
- 什么是TypeScript的字符串索引签名
- 用于用户C语言标识符,下列可用于C语言用户标识符的一组是( )
- Database2Sharp之混合型Winform框架代码生成
- 到底他怎么赚钱了啊?看来看去也看不出他赚钱了,看来经济头脑有限啊
- C语言 · 8皇后问题改编
- 一起学Android之Intent
- python lxml_python – lxml使用命名空间而不是ns0,ns1,
- mysql新建数据库数据类型_数据库Mysql的学习(二)-数据类型和创建
- css控制表格剧中,如何通过css设置表格居中
- 华为网络设备加固各种基线命令配置
- 基于opencv的模式识别——水果类别识别与计数
- Java设置时间为0时0分0秒和23时59分59秒
- win7计算机硬盘加密码,win7系统怎么加密电脑硬盘 win7系统加密电脑硬盘的快速操作方法...
- 军事训练飞机的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
热门文章
- vijos训练之——星辰大海中闪烁的趣题
- Practical Tactics for Social Intercourse One
- 在ARMSYS(S3C44B0X开发板)上进行uClinux内核移植的总结
- vue搭建cli脚手架环境(出现问题及解决,主要是node版本低)
- 只怪自己当时年纪太小,一心只看那只泼猴了
- 全球首发!计算机视觉Polygon Mesh Processing总结8——Remeshing Global Structure和Correspondences
- qt建立c++工程导入项目_工程项目经理A、B、C、D四个等级的区别,你知道吗?
- python随机分组的思路_python – 对对象进行分组以实现所有组的类似平均属性
- 读书笔记——计算机组成原理
- 吴恩达深度学习编程作业:TensorFlow