JS的数组迭代方法

 更新时间:2015年02月05日 15:26:53   作者:magicfly9527  
这篇文章主要介绍了JS的数组迭代方法,实例分析了javascript使用数组迭代的相关技巧,代码中备有较为详细的注释便于理解,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS的数组迭代方法。分享给大家供大家参考。具体实现方法如下:

<!doctype html>
<html>
<head lang="zh">
  <meta charset="utf-8">
  <title>js数组迭代</title>
  <meta name="renderer" content="webkit">
  <script>
    var arr1 = [1,2,3,4,5,6];
    function double(x){
      return 2*x;
    }
    // map可以产生一个新的数组
    // alert(arr1.map(double));
    function print(x){
      console.log(x*2)
    }
    arr1.forEach(print);
    function even(x){
      return x %2 ==0
    }
    var arr2 = [2,4,,5,6];
    // alert(arr2.every(even))//false;
    // alert(arr2.some(even))//true;
    function add(a,b){
    return a*b;
    }
    var arr3=[1,2,4,5];
    var factorial = arr3.reduce(add);
    //alert(factorial) //40

    var arr4=[1,24,5,6,7,8,234,4];
    alert(arr4.filter(even))
  </script>
  <pre>
    map,filter可以产生一个新的数组
    var arr1 = [1,2,3,4,5,6];
    function double(x){
      return 2*x;
    }
   //alert(arr1.map(double));
   //forEach是对数组每项都调用某个函数,不返回
    function print(x){
      console.log(x*2)
    }
    arr1.forEach(print);
   //some,every 参数是一个有返回布尔值的函数
    function even(x){
      return x %2 ==0
    }
    var arr2 = [2,4,,5,6];
    // alert(arr2.every(even))//false;
    // alert(arr2.some(even))//true;
    //reduce接受一个函数,返回一个值 ,不断累加到最后一项
    //同理,reduceRight是由后面累加到第一项,具体可从CONCAT 看出
    function add(a,b){
    return a*b;
    }
    var arr3=[1,2,4,5];
    var factorial = arr3.reduce(add);
    //alert(factorial) //40
    //filter与every类似,参入一个返回布尔值 的函数,返回一个新的数组
  </pre>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • JavaScript实现cookie的写入、读取、删除功能

    JavaScript实现cookie的写入、读取、删除功能

    cookie 是存在有效期的,在默认情况下,一个 cookie 的生命周期就是在浏览器关闭的时候结束,本文给大家介绍关于javascript对于cookie的简单操作,比如对于cookie的写入和删除,代码简单易懂,需要的朋友参考下
    2015-11-11
  • javascript模拟实现计算器

    javascript模拟实现计算器

    这篇文章主要为大家详细介绍了javascript模拟实现计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JS获取节点的兄弟,父级,子级元素的方法

    JS获取节点的兄弟,父级,子级元素的方法

    本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • javascript实现PC网页里的拖拽效果

    javascript实现PC网页里的拖拽效果

    这篇文章主要介绍了javascript实现PC网页里的拖拽效果的相关资料,需要的朋友可以参考下
    2016-03-03
  • 小程序实现列表倒计时功能

    小程序实现列表倒计时功能

    这篇文章主要为大家详细介绍了小程序实现列表倒计时功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • js中的for如何实现foreach中的遍历

    js中的for如何实现foreach中的遍历

    js中没有foreach这个关键字,但是可以用var v in array来实现遍历,下面有个不错的示例,大家可以参考下
    2014-05-05
  • javascript与CSS复习(《精通javascript》)

    javascript与CSS复习(《精通javascript》)

    js和css结合来产生醒目的交互效果,我们可以快速的访问元素自身的样式属性
    2010-06-06
  • JavaScript实现的微信二维码图片生成器的示例

    JavaScript实现的微信二维码图片生成器的示例

    二维码分享功能大多是由后端实现的,对服务器的负载较重,这里有一个前端实现的版本,本文介绍了JavaScript实现的微信二维码图片生成器的示例,有需要的可以了解一下。
    2016-10-10
  • 使用Fuse.js实现高效的模糊搜索功能

    使用Fuse.js实现高效的模糊搜索功能

    在现代 Web 应用程序中,实现高效的搜索功能是至关重要的,Fuse.js 是一个强大的 JavaScript 库,它提供了灵活的模糊搜索和文本匹配功能,使您能够轻松实现出色的搜索体验,文中代码示例讲解的非常详细,需要的朋友可以参考下
    2024-01-01
  • 微信小程序手机号授权一键登录功能实现代码

    微信小程序手机号授权一键登录功能实现代码

    在微信小程序中实现手机号一键登录功能,首先需要通过uni.login调用获取微信的登录凭证(code),然后将此code发送到服务端,本文给大家介绍微信小程序手机号授权一键登录功能,感兴趣的朋友跟随小编一起看看吧
    2024-10-10

最新评论