ES 6構文(三)配列

10437 ワード

1.拡張演算子(...)
  • 配列をカンマ分割のパラメータリスト
  • に変換する
  • 配列のすべての値
  • を取得できます.
  • 複製配列
  •   var arr1 = [1,2,3];
        var arr2 = [...arr1];
        console.log(arr2);  //[1,2,3]
    
  • 連結配列
  • var a = [1,2,3];
        var b = [4,5,6];
        var c = [6,7,8];
        // ES5
        var d = a.concat(b,c);
        console.log(d);
        // ES6
        var e = [...a,...b,...c];
        console.log(e);
    
  • 解構賦値
  •  let[a,b,...args]=[1,2,3,4,5];
        console.log(a);  //1
        console.log(b);  //2
        console.log(args);  //[3,4,5]
    
  • 文字列
  •     let arr = [..."hello"]
        console.log(arr)    //["h", "e", "l", "l", "o", "w"]
    
  • は、すべてのクラス配列の集合(インターフェースを巡回するデータ型を実現する)
  • に適用される.
    2.Arrayコンストラクタの新規作成方法
    1.Array.from()
  • クラス配列オブジェクトを純配列
  • に変換する.
  • Array.of()
  • 値のセットを配列
  • に変換する
  • は配列の作成
  • に相当する.
  • Array.of(3) != new Array(3)
  • Array.isArray(arr)
  • 配列か否かを判断し、ブール値
  • を返す.
    3.配列オブジェクトの新規メソッド
    1.find()
  • 配列内の条件を満たす最初の要素
  • を見つける
  • パラメータはコールバック関数(itemの各値、indexインデックス)
  • です.
  • パラメータは匿名関数であり、配列の各要素は匿名関数に入って実行され、結果がtrueになるまでfind関数はvalueの値
  • を返します.
  • 条件を満たさなければundefind
  • に戻る
      let arr = [9,16,-9,7,56];
        var result = arr.find(function(item,index){
            if(item>10){
                return true;
            }
            return false;
        })
        console.log(result);
    

    2.findIndex()
  • 関数の役割:条件を満たす最初の配列メンバーのインデックスを返します.
  • とfind()の使用方法は同じ
  • です.
  • 条件を満たすものがなければ-1 3に戻る.entries()
  • 配列のキー値ペアを遍歴し、for...ofで遍歴できる遍歴器を返します.
  •  let arr = [9,16,-9,7,56];
        for(let[key,value]of arr.entries()){
         console.log(key,value)
        }
    
  • は各key値とvalue値を返す.keys()
  • 配列のすべてのkey値5を遍歴する.values()
  • 配列のすべてのvalue値6を遍歴する.includes()
  • 配列に値が含まれているかどうかを取得し、ブール値
  • を返します.
  • fill()
  • は、指定された値で配列に埋め込まれます.
  • 最初のパラメータは埋め込み値であり、パラメータが1つしか書かれていない場合、配列全体がこの値
  • に埋め込まれます.
  • の2番目と3番目のパラメータは、パディングの範囲
  • を決定することができる.
  • filter(callback)
  • 配列単位をフィルタリングし、条件を満たす要素をフィルタリングし、新しい配列単位
  • を生成する.
  • map(callback)
  • 配列を巡回し、計算後の値を新しい配列
  • に戻す.
  • は、特定の値
  • を返す.
  • some(callback)
  • は配列を遍歴し、1つが満たされればtrueを返し、false
  • を返すことを満たさない.
  • every(callback)
  • 配列を巡回し、配列は条件を満たす必要があります.そうしないとfalse
  • を返します.
  • forEach(callback)は配列を巡回し、戻り値
  • はない.
  • reduce(function(preValue,nowValue,index,arrSelf)){return preValue+nowValue}
  • 配列要素の和
  • を計算する
  • preValue前の値
  • nowValue現在値
  • index現在のインデックス
  • arrSelf現在の配列