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事件监听机制(事件捕获)总结
Aug 08 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
jquery中live()方法和bind()方法区别分析
Jun 23 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
值得分享的JavaScript实现图片轮播组件
Nov 21 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
AngularJs实现聊天列表实时刷新功能
Jun 15 Javascript
JavaScript+CSS相册特效实例代码
Sep 07 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 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 ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
PHP中对用户身份认证实现两种方法
2011/06/04 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
React复制到剪贴板的示例代码
2017/08/22 Javascript
React-Native左右联动List的示例代码
2017/09/21 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
Vue为什么要谨慎使用$attrs与$listeners
2020/08/27 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
2017/04/18 Python
Python机器学习之决策树算法
2017/12/22 Python
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
python绘制彩虹图
2019/12/16 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python轮询机制控制led实例
2020/05/03 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
No7 Beauty美国官网:英国国民护肤品牌
2019/10/31 全球购物
经济管理毕业生求职信
2014/03/15 职场文书
个人买房协议书范本
2014/10/06 职场文书
学校元旦晚会开场白
2015/05/29 职场文书
人民调解协议书
2016/03/21 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
浅谈如何保证Mysql主从一致
2022/03/13 MySQL
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技