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 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
Jan 17 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
js获取Get值的方法
Sep 29 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
微信小程序录音与播放录音功能
Dec 25 Javascript
vue实现多级菜单效果
Oct 19 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 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之规范编程命名小结
2013/05/15 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
2020/08/03 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
python写入xml文件的方法
2015/05/08 Python
python实现聊天小程序
2018/03/13 Python
django中模板的html自动转意方法
2018/05/27 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
Python中利用aiohttp制作异步爬虫及简单应用
2018/11/29 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
python判断字符串以什么结尾的实例方法
2020/09/18 Python
浅谈HTML5 服务器推送事件(Server-sent Events)
2017/08/01 HTML / CSS
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
文秘自荐信
2014/06/28 职场文书
安全环保演讲稿
2014/08/28 职场文书
优秀教师自我评价范文
2014/09/27 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python