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控件的相对独立性
Sep 06 Javascript
基于jquery的滑动样例代码
Nov 20 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
JavaScript简单实现网页回到顶部功能
Nov 12 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 Javascript
对layui中表单元素的使用详解
Aug 15 Javascript
详解从react转职到vue开发的项目准备
Jan 14 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 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过滤html标记属性类用法实例
2014/09/23 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
js的2种继承方式详解
2014/03/04 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
详解Vue内部怎样处理props选项的多种写法
2018/11/06 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
2020/11/13 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
python清理子进程机制剖析
2017/11/23 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
计算机专业毕业生自荐信
2013/12/31 职场文书
留学推荐信中文范文三篇
2014/01/25 职场文书
2014优秀党员事迹材料
2014/08/14 职场文书
离婚协议书范本
2015/01/26 职场文书
教师个人教学反思
2016/02/23 职场文书