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 相关文章推荐
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
javascript实现label标签跳出循环操作
Mar 06 Javascript
详解vue-cli 接口代理配置
Dec 13 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 Javascript
详解JavaScript修改注册表的方法
Jan 05 Javascript
vue使用canvas实现移动端手写签名
Sep 22 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
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
PHP curl使用实例
2015/07/02 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
2013/06/17 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
2019/09/24 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
Python选择排序、冒泡排序、合并排序代码实例
2015/04/10 Python
python实现批量监控网站
2016/09/09 Python
pycharm安装图文教程
2017/05/02 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
利用python实现简易版的贪吃蛇游戏(面向python小白)
2018/12/30 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
Python实现的多进程拷贝文件并显示百分比功能示例
2019/04/09 Python
PHP中如何创建和修改数组
2012/05/02 面试题
超市实习总结自我鉴定
2013/09/19 职场文书
项目开发计划书
2014/01/09 职场文书
文明村创建实施方案
2014/03/27 职场文书
免职通知
2015/04/23 职场文书
未婚证明范本
2015/06/15 职场文书
培训学校2015年度工作总结
2015/07/20 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书
Nginx 常用配置
2022/05/15 Servers
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers
MyBatis在注解上使用动态SQL方式(@select使用if)
2022/07/07 Java/Android