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

 更新时间:2016年06月14日 14:49:23   投稿:jingxian  
下面小编就为大家带来一篇js数组的五种迭代方法及两种归并方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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数组的五种迭代方法及两种归并方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 基于Web Audio API实现音频可视化效果

    基于Web Audio API实现音频可视化效果

    这篇文章主要介绍了基于Web Audio API实现音频可视化效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • JavaScript实现简洁的俄罗斯方块完整实例

    JavaScript实现简洁的俄罗斯方块完整实例

    这篇文章主要介绍了JavaScript实现简洁的俄罗斯方块,以完整实例形式分析了JavaScript实现俄罗斯方块游戏的具体技巧,代码备有详尽的注释便于理解,需要的朋友可以参考下
    2016-03-03
  • Ajax,UTF-8还是GB2312 eval 还是execScript

    Ajax,UTF-8还是GB2312 eval 还是execScript

    讨厌的东西。 关于Ajax获取HTML内容编码,与JavaScript载入脚本的动态执行问题。
    2008-11-11
  • JS简单实现多级Select联动菜单效果代码

    JS简单实现多级Select联动菜单效果代码

    这篇文章主要介绍了JS简单实现多级Select联动菜单效果代码,涉及JavaScript数组元素的遍历及动态设置select的实现技巧,需要的朋友可以参考下
    2015-09-09
  • 深入理解JS的事件绑定、事件流模型

    深入理解JS的事件绑定、事件流模型

    这篇文章主要介绍了JS的事件绑定、事件流模型的相关知识,非常不错,具有参考借鉴价值,感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-05-05
  • JavaScript使用Canvas绘制一个验证码组件

    JavaScript使用Canvas绘制一个验证码组件

    验证码,这一日常伴随我们的要素,是我们在线交互的重要安全保障,你的手机短信里是否被它占据半壁江山,今天我们就来聊聊如何在网页上实现一个简单的验证码组件,需要的朋友可以参考下
    2023-09-09
  • JavaScript删除数组中指定元素5种方法例子

    JavaScript删除数组中指定元素5种方法例子

    这篇文章主要给大家介绍了关于JavaScript删除数组中指定元素5种方法,在最近的项目中,有用到js对数组的操作,所以这里总结一下,需要的朋友可以参考下
    2023-07-07
  • js简单遍历获取对象中的属性值的方法示例

    js简单遍历获取对象中的属性值的方法示例

    这篇文章主要介绍了js简单遍历获取对象中的属性值的方法,涉及javascript使用for循环遍历json对象属性值的简单操作技巧,需要的朋友可以参考下
    2019-06-06
  • JS获得URL超链接的参数值实例代码

    JS获得URL超链接的参数值实例代码

    使用js获取超链接中keyword的参数值,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-06-06
  • ScrollDown的基本操作示例

    ScrollDown的基本操作示例

    本文将涉及到scroll方法的应用,判断当滚动条滚到底部时触发scrollTop执行函数,具体代码如下,感兴趣的朋友可以了解下哈
    2013-06-06

最新评论