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 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
javascript 表单规则集合对象
Jul 21 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
Feb 16 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
javaScript中with函数用法实例分析
Jun 08 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
用js实现简单算法的实例代码
Sep 24 Javascript
浅析Ajax语法
Dec 05 Javascript
详解vue父子模版嵌套案例
Mar 04 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 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遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
时间戳转换为时间 年月日时间的JS函数
2013/08/19 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
2016/10/10 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
python中文编码问题小结
2014/09/28 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
神经网络理论基础及Python实现详解
2017/12/15 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
pymysql模块的操作实例
2019/12/17 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
社区居务公开实施方案
2014/03/27 职场文书
设备管理实施方案
2014/05/31 职场文书
国庆节活动总结
2014/08/26 职场文书
交通事故和解协议书
2015/01/27 职场文书
导游词开场白
2015/01/31 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书