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 相关文章推荐
javaScript call 函数的用法说明
Apr 09 Javascript
div+css布局的图片连续滚动js实现代码
May 04 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
Nov 27 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
vue中如何自定义右键菜单详解
Dec 08 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
php下HTTP Response中的Chunked编码实现方法
2008/11/19 PHP
php Http_Template_IT类库进行模板替换
2009/03/19 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
php中请求url的五种方法总结
2017/07/13 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
学习JavaScript正则表达式
2015/11/13 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
BootStrap 附加导航组件
2016/07/22 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
详解react-redux插件入门
2018/04/19 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
python创建文件备份的脚本
2018/09/11 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
.dcm格式文件软件读取及python处理详解
2020/01/16 Python
UGG英国官方网站:UGG UK
2018/02/08 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
交通法规咨询中心工作职责
2013/11/27 职场文书
办公室前台岗位职责范本
2013/12/10 职场文书
开工仪式主持词
2014/03/20 职场文书
施工单位安全责任书
2014/07/24 职场文书
庆六一开幕词
2015/01/29 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
读后感怎么写?书写读后感的基本技巧!
2019/12/10 职场文书