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 相关文章推荐
js模拟类继承小例子
Jul 17 Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
May 07 Javascript
关于jQuery的inArray 方法介绍
Oct 08 Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 Javascript
php 中序列化和json使用介绍
Jul 08 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
js实现文字跑马灯效果
Feb 23 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 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
php5编程中的异常处理详细方法介绍
2008/07/29 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
PHP实现阿里大鱼短信验证的实例代码
2017/07/10 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
用Div仿showModalDialog模式菜单的效果的代码
2007/03/05 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
基于JQuery制作的产品广告效果
2010/12/08 Javascript
jQuery 快速结束当前正在执行的动画
2013/11/20 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
解决python读取几千万行的大表内存问题
2018/06/26 Python
python判断设备是否联网的方法
2018/06/29 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
分布式数据库需要考虑哪些问题
2013/12/08 面试题
《老王》教学反思
2014/02/23 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
个人整改措施书面材料
2014/10/24 职场文书
成本会计实训报告
2014/11/05 职场文书
付款证明模板
2015/06/19 职场文书
三下乡活动心得体会
2016/01/23 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
python运行脚本文件的三种方法实例
2022/06/25 Python