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控件
May 07 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
javascript 小数取整简单实现方式
May 30 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
javascript 继承学习心得总结
Mar 17 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
Angularjs 实现一个幻灯片示例代码
Sep 08 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
详解Angular路由之路由守卫
May 10 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
适用于php-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
PHP学习记录之数组函数
2018/06/01 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
mac上node.js环境的安装测试
2017/07/03 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
JavaScript cookie原理及使用实例
2020/05/08 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
Tensorflow轻松实现XOR运算的方式
2020/02/03 Python
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2020/02/28 Python
python 读取二进制 显示图片案例
2020/04/24 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
linux面试题参考答案(3)
2012/09/13 面试题
计算机专业学生求职信分享
2013/12/15 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
2014企业年终工作总结
2014/12/23 职场文书
2015年党员承诺书
2015/01/21 职场文书
蓬莱阁导游词
2015/02/04 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang
总结Python变量的相关知识
2021/06/28 Python