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 相关文章推荐
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
Jun 29 Javascript
js检测浏览器版本、核心、是否移动端示例
Apr 24 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 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学习 变量使用总结
2011/03/24 PHP
php日期操作技巧小结
2016/06/25 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
详解javascript遍历方式
2015/11/11 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
使用python分析git log日志示例
2014/02/27 Python
python中requests小技巧
2017/05/10 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
基于Python的PIL库学习详解
2019/05/10 Python
Python 异常处理Ⅳ过程图解
2019/10/18 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
python判断元素是否存在的实例方法
2020/09/24 Python
cookies应对python反爬虫知识点详解
2020/11/25 Python
Farnell德国:电子元器件供应商
2018/07/10 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
总经理办公室主任岗位职责
2013/11/12 职场文书
绩效工资实施方案
2014/03/15 职场文书
节能标语大全
2014/06/21 职场文书
加班费申请报告
2015/05/15 职场文书
律政俏佳人观后感
2015/06/09 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书