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函数中执行C#代码中的函数方法总结
Aug 07 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
Jun 29 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
基于wordpress的ajax写法详解
Jan 02 Javascript
Vue使用json-server进行后端数据模拟功能
Apr 17 Javascript
百度小程序自定义通用toast组件
Jul 17 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
JavaScript定时器常见用法实例分析
Nov 15 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
解决文件名解压后乱码的问题 将文件名进行转码的代码
2012/01/10 PHP
浅析PHP页面局部刷新功能的实现小结
2013/06/21 PHP
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
详解vue项目构建与实战
2017/06/27 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
vue.js实现图书管理功能
2019/09/24 Javascript
vue.js的状态管理vuex中store的使用详解
2019/11/08 Javascript
vue中改变滚动条样式的方法
2020/03/03 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
2020/05/19 Javascript
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
详解python时间模块中的datetime模块
2016/01/13 Python
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
Python微信公众号开发平台
2018/01/25 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
大学学习计划书范文
2014/05/02 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
2014年幼儿园安全工作总结
2014/11/10 职场文书
施工安全员岗位职责
2015/04/11 职场文书
请学会珍惜眼前,因为人生没有下辈子!
2019/11/12 职场文书