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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
详解JavaScript 的变量
Mar 08 Javascript
JS随机密码生成算法
Sep 23 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 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.4 你必须要知道的
2013/08/07 PHP
php 判断字符串中是否包含html标签
2014/02/17 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
destoon数据库表说明汇总
2014/07/15 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
php简单中奖算法(实例)
2017/08/15 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
最短的IE判断代码
2011/03/13 Javascript
Js sort排序使用方法
2011/10/17 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
vue实现二级导航栏效果
2019/10/19 Javascript
python的类方法和静态方法
2014/12/13 Python
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
Python实现购物车购物小程序
2018/04/18 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
护士自我鉴定范文
2013/10/06 职场文书
学生个人的自我评价分享
2013/11/05 职场文书
出纳岗位职责范本
2013/12/01 职场文书
大学生自我鉴定
2013/12/08 职场文书
优秀教师先进事迹
2014/01/22 职场文书
师范大学生求职信
2014/06/13 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
安全责任书范文
2014/08/25 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
汽车销售合同文本
2019/08/08 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python