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 相关文章推荐
使用jquery实现以post打开新窗口
Mar 19 Javascript
Node.js中的事件驱动编程详解
Aug 16 Javascript
jQuery中Form相关知识汇总
Jan 06 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
Apr 17 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
layUI实现三级导航菜单效果
Jul 26 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 Javascript
layui实现tab的添加拒绝重复的方法
Sep 04 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自动反斜杠的函数代码
2010/01/05 PHP
Php获取金书网的书名的实现代码
2010/06/11 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
Cookie跨域问题解决方案代码示例
2020/11/24 PHP
关于JS字符串函数String.replace()
2013/04/07 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
JavaScript模拟数组合并concat
2016/03/06 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
原生JS实现的简单轮播图功能【适合新手】
2018/08/17 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
使用Typescript和ES模块发布Node模块的方法
2020/05/25 Javascript
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
计算机二级python学习教程(1) 教大家如何学习python
2019/05/16 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
Python新手学习raise用法
2020/06/03 Python
python dict乱码如何解决
2020/06/07 Python
爸爸的花儿落了教学反思
2014/02/20 职场文书
学生鉴定评语大全
2014/05/05 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
《假如》教学反思
2016/02/17 职场文书
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android