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的MessageBox
Dec 03 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
js 图片转base64的方式(两种)
Apr 24 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 Javascript
推荐几个不错的console调试技巧实现
Dec 20 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
php-fpm配置详解
2014/02/12 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
PHP7新特性foreach 修改示例介绍
2016/08/26 PHP
Exjs 入门篇
2010/04/07 Javascript
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
nodejs教程 安装express及配置app.js文件的详细步骤
2013/05/11 NodeJs
一个简单的jquery进度条示例
2014/04/28 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
vue之延时刷新实例
2019/11/14 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
python实现划词翻译
2020/04/23 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
如何保障Web服务器安全
2014/05/05 面试题
网上卖盒饭创业计划书范文
2014/02/07 职场文书
吨的认识教学反思
2014/04/27 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
庆祝教师节主持词
2015/07/06 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang
java调用Restful接口的三种方法
2021/08/23 Java/Android