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 组件之旅(二)编码实现和算法
Oct 28 Javascript
javascript动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
利用JS制作万年历的方法
Aug 16 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
Openlayers绘制地图标注
Sep 28 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 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+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
php文本转图片自动换行的方法
2013/03/13 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
2015/10/15 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Django学习笔记之ORM基础教程
2018/03/27 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
Python-接口开发入门解析
2019/08/01 Python
python函数的作用域及关键字详解
2019/08/20 Python
python 解决tqdm模块不能单行显示的问题
2020/02/19 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
大学本科生的个人自我评价
2013/12/09 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
党支部活动策划方案
2014/08/18 职场文书
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技