JS的陣列迭代方法_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

JS的陣列迭代方法_javascript技巧

May 16, 2016 pm 04:15 PM

js 陣列方法迭代

本文實例講述了JS的陣列迭代方法。分享給大家供大家參考。具體實作方法如下：

&lt;!doctype html&gt;
&lt;html&gt;
&lt;head lang="zh"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;js数组迭代&lt;/title&gt;
  &lt;meta name="renderer" content="webkit"&gt;
  &lt;script&gt;
    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))
  &lt;/script&gt;
  &lt;pre&gt;
    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类似，参入一个返回布尔值 的函数,返回一个新的数组
  &lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;

登入後複製

希望本文所述對大家的javascript程式設計有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn