js数组的五种迭代方法及两种归并方法(推荐)


Posted in Javascript onJune 14, 2016

js数组的五种迭代方法及两种归并方法(推荐)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
 window.onload = function(){
    //every()相当于逻辑与
    var arr = [1,2,3,4,5,6,7,8];
    var everyRes = arr.every(function(item,index,array){
        return (item>2);
    });
    alert(everyRes);
    //some()相当于逻辑或
    var someRes = arr.some(function(item,index,array){
        return (item>2);
    });
    alert(someRes);
    //filter()返回给定条件的数组
    var filterRes = arr.filter(function(item,index,array){
        return (item>2);
    });
    alert(filterRes);
    //map()返回给定条件的数组
    var mapRes = arr.map(function(item,index,array){
        return (item*2);
    });
    alert(mapRes);
//forEach()没有返回值 有兴趣可以自测
 }


    //reduce()归并方法 接受传入的函数和作为归并基础的初始值(可选
    //要传入的函数接收四个函数,前一个值,当前值,索引项,数组对象
    var sum = arr.reduce(function(prev,cur,index,array){
       return prev + cur;
    });
    alert(sum);
    //reduceRight()归并方法 和reduce()方法本质一样,区别就在于是从后向前开始边里
    var sum2 = arr.reduceRight(function(pre,cur,index,array){
       return pre + cur;
    });
    alert(sum2);
</script>
</head>

<body>
</body>
</html>

以上这篇js数组的五种迭代方法及两种归并方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
Mar 05 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 Javascript
JavaScript函数节流和函数防抖之间的区别
Feb 15 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
React组件中的this的具体使用
Feb 28 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
详解如何用webpack4从零开始构建react开发环境
Jan 27 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 #Javascript
Javascript中的迭代、归并方法详解
Jun 14 #Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 #Javascript
jQuery处理XML文件的几种方法
Jun 14 #Javascript
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 #Javascript
深入理解jQuery 事件处理
Jun 14 #Javascript
使用jquery获取url及url参数的简单实例
Jun 14 #Javascript
You might like
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
Prototype使用指南之range.js
2007/01/10 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
js实现拖拽效果
2015/02/12 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
浅析JS运动
2015/12/28 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
vue-router 权限控制的示例代码
2017/09/21 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
新手简单了解vue
2019/05/29 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
Python使用django搭建web开发环境
2017/06/09 Python
Python编写一个闹钟功能
2017/07/11 Python
python图形用户接口实例详解
2019/12/16 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
Django数据统计功能count()的使用
2020/11/30 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
财务会计专业毕业生自荐信
2013/10/02 职场文书
艺术爱好者的自我评价分享
2013/10/08 职场文书
外贸主管求职简历的自我评价
2013/10/23 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
2014年元旦感言
2014/03/06 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书