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 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
15款最好的Bootstrap在线编辑器
Aug 03 Javascript
js从外部获取图片的实现方法
Aug 05 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 Javascript
JavaScript中的Proxy对象
Nov 27 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
ZF等常用php框架中存在的问题
2008/01/10 PHP
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
解析php中的escape函数
2013/06/29 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
Javascript 类型转换方法
2010/10/24 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
javascript中的try catch异常捕获机制用法分析
2016/12/14 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
2018/12/02 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
[46:43]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第二局
2016/03/02 DOTA
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
python中scikit-learn机器代码实例
2018/08/05 Python
Django 开发环境配置过程详解
2019/07/18 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
python实现批量命名照片
2020/06/18 Python
数学专业推荐信范文
2013/11/21 职场文书
英语专业学生个人求职信
2014/01/28 职场文书
初三学生个人自我评定
2014/04/06 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers
Mysql索引失效 数据库表中有索引还是查询很慢
2022/05/15 MySQL