JS的数组迭代方法


Posted in Javascript onFebruary 05, 2015

本文实例讲述了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 相关文章推荐
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
浅谈JavaScript实现面向对象中的类
Dec 09 Javascript
javascript中scrollTop详解
Apr 13 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
原生js实现打字动画游戏
Feb 04 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
js实现黑白div块画空心的图形
Dec 13 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
Dec 14 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
js实现照片墙功能实例
Feb 05 #Javascript
js实现仿百度瀑布流的方法
Feb 05 #Javascript
JS函数this的用法实例分析
Feb 05 #Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 #Javascript
js关于命名空间的函数实例
Feb 05 #Javascript
js实现数字每三位加逗号的方法
Feb 05 #Javascript
javascript实现字符串反转的方法
Feb 05 #Javascript
You might like
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
兼容性比较好的PHP生成缩略图的代码
2011/01/12 PHP
php中取得文件的后缀名?
2012/02/20 PHP
Windows下部署Apache+PHP+MySQL运行环境实战
2012/08/31 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
Document 对象的常用方法
2009/07/31 Javascript
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
使用webpack搭建vue项目及注意事项
2019/06/10 Javascript
JS实现滑动插件
2020/01/15 Javascript
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
python使用PIL模块实现给图片打水印的方法
2015/05/22 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
html5 touch事件实现触屏页面上下滑动(二)
2016/03/10 HTML / CSS
台湾三立电视电商平台:电电购
2019/09/09 全球购物
美国家居装饰店:Z Gallerie
2020/12/28 全球购物
优秀共产党员先进事迹
2014/01/27 职场文书
保险专业自荐信范文
2014/02/20 职场文书
寄语学生的话
2014/04/10 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
2015年考研复习计划
2015/01/19 职场文书
客户付款通知书
2015/04/23 职场文书
2017春节晚会开幕词
2016/03/03 职场文书