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 相关文章推荐
浅谈tudou土豆网首页图片延迟加载的效果
Jun 23 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
使用vue的transition完成滑动过渡的示例代码
Jun 25 Javascript
在vue里使用codemirror遇到的问题
Nov 01 Javascript
详解小程序不同页面之间通讯的解决方案
Nov 23 Javascript
vue 清空input标签 中file的值操作
Jul 21 Javascript
微信小程序实现电子签名功能
Jul 29 Javascript
vue 实现超长文本截取,悬浮框提示
Jul 29 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 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
Terran历史背景
2020/03/14 星际争霸
php解析字符串里所有URL地址的方法
2015/04/03 PHP
php post换行的方法
2020/02/03 PHP
基本jquery的控制tabs打开的数量的代码
2010/10/17 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
Vue.js样式动态绑定实现小结
2019/01/24 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
python中ConfigParse模块的用法
2014/09/29 Python
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
Python实现FTP文件传输的实例
2019/07/07 Python
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
保荐人的岗位职责
2013/11/19 职场文书
军训自我鉴定怎么写
2014/02/13 职场文书
党员承诺书范文
2014/05/19 职场文书
小学捐书活动总结
2014/07/05 职场文书
合作协议书范文
2014/08/20 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
珍惜资源的建议书
2014/08/26 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
同学会感言
2015/07/30 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL
Java Spring Lifecycle的使用
2022/05/06 Java/Android
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技