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 点击整页变灰的效果(可做退出效果)。
Jan 09 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
jQuery简单动画变换效果实例分析
Jul 04 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
vue 微信授权登录解决方案
Apr 10 Javascript
对node.js中render和send的用法详解
May 14 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
es6函数name属性功能与用法实例分析
Apr 18 Javascript
vue实现虚拟列表功能的代码
Jul 28 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 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 字符串分割和比较
2009/10/06 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
php+ajax实现的点击浏览量加1
2015/04/16 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
jQuery搜索子元素的方法
2015/02/10 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
详解vue-cli中配置sass
2017/06/21 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
浅谈python对象数据的读写权限
2016/09/12 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
python 19个值得学习的编程技巧
2020/08/15 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
浅谈Selenium+Webdriver 常用的元素定位方式
2021/01/13 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
教师推荐信范文
2013/11/24 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS