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 弹出层组件(升级版)
May 12 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
javascript中递归函数用法注意点
Jul 30 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 Javascript
JS控制只能输入数字并且最多允许小数点两位
Nov 24 Javascript
原生js实现的观察者和订阅者模式简单示例
Apr 18 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产生随机字符串函数
2006/12/06 PHP
PHP教程 预定义变量
2009/10/23 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
js 对象是否存在判断
2009/07/15 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
使用jQuery简单实现模拟浏览器搜索功能
2014/12/21 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
Angular实现form自动布局
2016/01/28 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
2018/02/07 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
每天学点Vue源码之vm.$mount挂载函数
2019/03/11 Javascript
JavaScript命名空间模式实例详解
2019/06/20 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[01:12:35]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
python计算文本文件行数的方法
2015/07/06 Python
python之文件的读写和文件目录以及文件夹的操作实现代码
2016/08/28 Python
ZABBIX3.2使用python脚本实现监控报表的方法
2019/07/02 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
python实现大文件分割与合并
2019/07/22 Python
python实现超市商品销售管理系统
2019/10/25 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
Python爬虫之Selenium下拉框处理的实现
2020/12/04 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
青春演讲稿范文
2014/05/08 职场文书
心得体会的写法
2014/09/05 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
毕业欢送会致辞
2015/07/29 职场文书
Opencv实现二维直方图的计算及绘制
2021/07/21 Python