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 相关文章推荐
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
node.js中的http.response.removeHeader方法使用说明
Dec 14 Javascript
用js写的一个路由(简单实例)
Sep 24 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
javaScript实现复选框全选反选事件详解
Nov 20 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
Dec 15 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
Jan 08 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新手上路(七)
2006/10/09 PHP
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
php下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
IE autocomplete internet explorer's autocomplete
2007/06/30 Javascript
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
2018/03/20 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
vue实现登录拦截
2020/06/29 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
Python getopt模块处理命令行选项实例
2014/05/13 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python中的 enum 模块源码详析
2019/01/09 Python
Python常见数据类型转换操作示例
2019/05/08 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
内部类的定义、种类以及优点
2013/10/16 面试题
境外导游求职信
2014/02/27 职场文书
学习雷锋活动总结
2014/04/29 职场文书
庆七一宣传标语
2014/10/08 职场文书
社区党的群众路线教育实践活动总结材料
2014/10/31 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
智慧人生:永远不需要向任何人解释你自己
2019/08/20 职场文书
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android