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 相关文章推荐
9个javascript语法高亮插件 推荐
Jul 18 Javascript
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
JavaScript解析URL参数示例代码
Aug 12 Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
javascript实现仿IE顶部的可关闭警告条
May 05 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
原生js调用json方法总结
Feb 22 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
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.MVC的模板标签系统(三)
2006/09/05 PHP
基于initPHP的框架介绍
2013/04/18 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
javascript 动态table添加colspan\rowspan 参数的方法
2009/07/25 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
node.js中的fs.mkdir方法使用说明
2014/12/17 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
AngularJS日期格式化常见操作实例分析
2018/05/17 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
微信小程序canvas截取任意形状的实现代码
2020/01/13 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
理解JavaScript中的对象
2020/08/25 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
利用Python实现颜色色值转换的小工具
2016/10/27 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
使用Python函数进行模块化的实现
2019/11/15 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
上班玩游戏检讨书
2014/02/07 职场文书
预备党员表决心书
2014/03/11 职场文书
班级口号大全
2014/06/09 职场文书
升学宴演讲稿
2014/09/01 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
婚前财产协议书范本
2014/10/19 职场文书
幼师自荐信范文
2015/03/06 职场文书
保险内勤岗位职责
2015/04/13 职场文书
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers