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 相关文章推荐
用CSS+JS实现的进度条效果效果
Jun 05 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
Vue自定义指令详解
Jul 28 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
通过JS运行机制的角度说说作用域
Mar 12 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 Javascript
JavaScript 异步时序问题
Nov 20 Javascript
swiperjs实现导航与tab页的联动
Dec 13 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实现paypal整合方法
2010/11/28 PHP
php中Y2K38的漏洞解决方法实例分析
2014/09/22 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
JAVASCRIPT  THIS详解 面向对象
2009/03/25 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
用原生js统计文本行数的简单示例
2016/08/19 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
Vuex之理解state的用法实例
2017/04/19 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
Javascript实现时间倒计时功能
2018/11/17 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
Node.js 在本地生成日志文件的方法
2020/02/07 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
浅谈django中的认证与登录
2016/10/31 Python
Python 错误和异常代码详解
2018/01/29 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
Keras搭建自编码器操作
2020/07/03 Python
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
"序列点" 是什么
2016/07/29 面试题
《鸿门宴》教学反思
2014/04/22 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
横幅标语大全
2014/06/17 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
2014党员自我评议表范文
2014/09/20 职场文书
北京颐和园导游词
2015/01/30 职场文书
高一地理教学工作总结
2015/08/12 职场文书
小学数学国培研修日志
2015/11/13 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS