要約JSの一部

多くのコードを書く突然、ああ、最近発見された前の糞の塊である==

例えば、配列Iの使用で唯一、自分の過ちの一部、json.parse VUEのページで同様の操作の使用を見出すために、横断する（で...のため）。。

良いことを学んだ後、ああ、私は低レベルの小さなミスの一部を繰り返すことはできません。

まず、一般的な操作の15種類の配列

1.反復

（1）方法A：

以下のための...ループの

CONST番号= [1、3、5]。

（数字のCONST NUM）{ため
  にconsole.log（NUM）。
} 
// 1 
// 3 
// 5

あなたは使用することができますブレーク散歩を停止するステートメントを

（2）方法II：

forループ

CONST番号= [1、3、5]。

ために（私を聞かせて、I <numbers.length; I ++）{ 
  にconsole.log（番号）
} 
// 1 
// 3 
// 5

あなたは、常に使用することができますbreak散歩を停止する声明を。

（3）方法III：

array.forEach（）メソッド

array.forEach(callback)各アレイアイテムのメソッドを呼び出すことにより、callbackアレイエントリ機能を横断します。

各反復において、次のパラメータが呼び出されるcallback(item [, index [, array]])：アイテム、現在の横断指標とアレイ自体を流れる電流。

CONST番号= [1、3、5]。

numbers.forEach（関数コールバック（項目、インデックス）{ 
  にconsole.log（値、指数）; 
}）; 
// 1、0 
// 2、1 
// 5、2

それは、中断することはできませんarray.forEach()反復。

アレイは、元のボクセルのグループを変更することなく、得られた新しい配列をマッピングする2

（1）Array.map()方法

array.map(callback) 各配列項目に使用される方法はcallback、コールの新しい配列の結果を作成します。

各トラバースではcallback(item[, index[, array]])、現在のアイテム、インデックス、および配列自体を、そして新しいアイテムを返す必要があります：パラメータを使用して呼び出します。

例：各配列要素に加えて1

CONST番号= [1、3、5]。

CONST newNumbers = numbers.map（関数インクリメント（番号）{ 
  戻り番号+ 1; 
}）; 

newNumbers; // => [2,4,6]

array.map()元の配列を変更することなく、新しいマッピング配列を作成します。

（2）Array.from方法

Array.from(arrayLike[, callback])各配列項目に使用される方法はcallback 、コールの新しい配列の結果を作成します。

各トラバースでcallback(item[, index[, array]])呼ばれるパラメータを使用して：現在の項目、インデックス、および配列自体と新しいアイテムを返す必要があります。

例：

CONST番号= [1、3、5]。

CONST newNumbers = Array.from（数字、
  機能インクリメント（番号）{ 
    戻り番号+ 1; 
  } 
）; 

newNumbers; // => [2,4,6]

Array.from()元の配列を変更することなく、新しいマッピング配列を作成します。
Array.from()アレイ状物体からより適切なマッピング。

3.簡素化配列

Array.reduce() 方法

array.reduce(callback[, initialValue])呼び出すことにより、callback 関数値として配列を低減することができます。

各反復でcallback(accumulator, item[, index[, array]])呼ばれるパラメータを使用して：アキュムレータ、現在のアイテムのインデックス、および配列自体とアキュムレータを返すべきです。

例：加算のアレイ

CONST番号= [2,0、4]。

関数集計（アキュムレータ、数）{ 
  リターンアキュムレータ+数。
} 

CONST和= numbers.reduce（集計、0）;

4.データ接続

（1）array.concat() 方法

array.concat(array1[, array2, ...])アレイは、元の配列の1つ以上に接続されています。

CONST ARR1 = [ '1'、 '2']。
CONST ARR2 = [ '3'、 '4']。

CONST newArr = arr1.concat（ARR2）。

newArr; // => [ '1'、 '2'、 '3'、 '4']

新規配列を得るために、アレイを使用して、オペレータ（2）を展開

[...配列1、配列2 ...]

CONST ARR1 = [ '1'、 '2']。
CONST ARR2 = [ '3'、 '4']。

constの数字= [... ARR1、... ARR2]。

数字; // => [ '1'、 '2'、 '3'、 '4']

取得断片配列

array.slice() 方法

array.slice([fromIndex [，toIndex]])リターンフラグメントの配列、からセグメントfromIndexへの始まりtoIndex（含まない末端toIndexそのもの）。fromIndexオプションのパラメータのデフォルトは0、toIndexオプションのパラメータのデフォルト値array.length。

CONST番号= [1、2、3、4]。

CONST ARR1 = names.slice（0、2）; 
CONST ARR2 = names.slice（2）。

ARR1; // => [1,2] 
ARR2。// => [3,4]

（）array.slice 元の配列を変更することなく、新しい配列を作成します。

おすすめ