js常见遍历操作小结


Posted in Javascript onJune 06, 2019

本文实例讲述了js常见遍历操作。分享给大家供大家参考,具体如下:

for循环

var a = new Array("first", "second", "third") 
for(var i = 0;i < a.length; i++) {
document.write(a[i]+",");
}

for in

var arr = new Array("first", "second", "third") 
for(var item in arr) {
document.write(arr[item]+",");
}

for each

<button onclick="numbers.forEach(myFunction)">点我</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];
function myFunction(item, index) {
  demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
}
</script>
var arr = [1,2,3,4];
arr.forEach(function(value,index,array){
  array[index] == value;  //结果为true
  sum+=value; 
  });
console.log(sum);  //结果为 10

each

$.each([],function(index,value,array){
 //code something
 })

map

[].map(function(value,index,array){
//code
})

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
js操作DOM--添加、删除节点的简单实例
Jul 08 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
Node.JS中事件轮询(Event Loop)的解析
Feb 25 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
浅谈Angular路由复用策略
Oct 04 Javascript
微信小程序实现下拉框功能
Jul 16 Javascript
详解Webpack4多页应用打包方案
Jul 16 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 #Javascript
vue中的过滤器实例代码详解
Jun 06 #Javascript
Vue响应式原理Observer、Dep、Watcher理解
Jun 06 #Javascript
原生js通过一行代码实现简易轮播图
Jun 05 #Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
Jun 05 #Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 #Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 #Javascript
You might like
Php 构造函数construct的前下划线是双的_
2009/12/08 PHP
理解PHP中的stdClass类
2014/04/18 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
js实现随机点名功能
2020/12/23 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现的简单FTP上传下载文件实例
2015/06/30 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
python使用threading.Condition交替打印两个字符
2019/05/07 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
《花的勇气》教后反思
2014/02/12 职场文书
同学聚会主持词
2014/03/18 职场文书
酒鬼酒广告词
2014/03/21 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
责任书范本
2014/08/25 职场文书
社区党员公开承诺书
2014/08/30 职场文书
故意杀人案辩护词
2015/05/21 职场文书
小组组名及励志口号
2015/12/24 职场文书