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 isType() 类型判断代码
Feb 14 Javascript
javascript中onclick(this)用法介绍
Apr 19 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
详解Vue中过度动画效果应用
May 25 Javascript
Javascript创建类和对象详解
May 31 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
利用JS如何获取form表单数据
Dec 19 Javascript
vue实现登录拦截
Jun 29 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
2017/10/25 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
浅析Python中yield关键词的作用与用法
2016/11/29 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
python实现大量图片重命名
2020/03/23 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
高一数学教学反思
2014/02/07 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2014年财务部工作总结
2014/11/11 职场文书
团员个人总结
2015/02/26 职场文书
接收函
2019/04/22 职场文书
检讨书之工作不认真
2019/08/14 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS