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 相关文章推荐
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
Js跳出两级循环方法代码实例
Sep 22 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
中英文字符串翻转函数
2008/12/09 PHP
PHP Streams(流)详细介绍及使用
2015/05/12 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
Yii2创建多界面主题(Theme)的方法
2016/10/08 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
在JavaScript并非所有的一切都是对象
2013/04/11 Javascript
微信小程序 二维码canvas绘制实例详解
2017/01/06 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
2017/09/30 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
详解JavaScript自定义函数
2020/07/29 Javascript
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
python3判断url链接是否为404的方法
2018/08/10 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
python实现字典嵌套列表取值
2019/12/16 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
德尔福集团DELPHI的笔试题
2012/02/22 面试题
全民健身日活动方案
2014/01/29 职场文书
互联网电子商务专业毕业生求职信
2014/03/18 职场文书
人事任命书范文
2014/06/04 职场文书
建筑工地宣传标语
2014/06/18 职场文书
计划生育标语
2014/06/23 职场文书
股指期货心得体会
2014/09/10 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
项目负责人岗位职责
2015/02/15 职场文书