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 相关文章推荐
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
javascript实现多级联动下拉菜单的方法
Feb 06 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
详解react使用react-bootstrap当轮子造车
Aug 15 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
详解微信小程序调用支付接口支付
Apr 28 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
详细分析Node.js 模块系统
Jun 28 Javascript
JavaScript中reduce()的用法
May 11 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中is_dir()函数使用指南
2015/05/08 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
JavaScript null和undefined区别分析
2009/10/14 Javascript
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
js原生之焦点图转换加定时器实例
2016/12/12 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
python开发之基于thread线程搜索本地文件的方法
2015/11/11 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
python 通过类中一个方法获取另一个方法变量的实例
2019/01/22 Python
python 三元运算符使用解析
2019/09/16 Python
Python OpenCV视频截取并保存实现代码
2019/11/30 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
大学生的网络创业计划书
2013/12/26 职场文书
中年人生感言
2014/02/04 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
教师调动申请报告
2015/05/18 职场文书
2015年七年级班主任工作总结
2015/05/21 职场文书
初三毕业感言
2015/07/31 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
深入理解go slice结构
2021/09/15 Golang