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 相关文章推荐
JS支持带x身份证号码验证函数
Aug 10 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
javascript检测浏览器的缩放状态实现代码
Sep 28 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
JavaScript 函数的执行过程
May 09 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
原生Javascript插件开发实践
Jan 18 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
详解vuex 渐进式教程实例代码
Nov 27 Javascript
如何提升vue.js中大型数据的性能
Jun 21 Javascript
微信小程序实现简单的select下拉框
Nov 23 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中上传大体积文件时需要的设置
2006/10/09 PHP
操作Oracle的php类
2006/10/09 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
JSON.parse 解析字符串出错的解决方法
2010/07/08 Javascript
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
2013/11/25 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
详解Python中dict与set的使用
2015/08/10 Python
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
numpy 矩阵形状调整:拉伸、变成一位数组的实例
2020/06/18 Python
中学生评语大全
2014/04/18 职场文书
协议书范本
2014/04/23 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
银行贷款委托书范本
2014/10/11 职场文书
医院见习报告范文
2014/11/03 职场文书