配列の反復を学ぶ|トラバーサル

<成長は幼稚園のクラスサイズのフロントエンドをエッセイ、過ちや欠点は、それはあなたに感謝し、大きな牛の批判のアドバイスを探します!>

一般的な配列反復法:

map / filter / forEach / every / some

  1. map 返回 每次函数调用返回的结果 组成的数组

  2. filter 返回 该函数 会返回true的项 组成的数组

  3. forEach 无返回值 ES5方法

  4. every 数组所有项都返回true 则返回true,类似&& 一旦有一个不符合条件,则停止迭代

  5. some 函数对数组里面有一项返回true 则返回true,类似|| 不停的迭代找符合条件的值,一旦找到,则停止迭代


 

コードは示しています。

VAR ARR = [1,2,3,4,5 ]。
  console.log(arr.map((項目、インデックス、ARR)=> { 
    にconsole.log( 'マップ' 、商品、指数、ARR); 
    戻りアイテム> 2  }))。 1 //返回[真、偽偽、真、真]  にconsole.log(arr.filter(関数(項目、インデックス、ARR){にconsole.log( 'フィルタ' 、商品、指数、ARR)。戻りアイテム> 2 ;}))。2. //返回[3,4,5] はconsole.log(arr.forEach(関数(項目、インデックス、ARR){にconsole.log( 'foreachの:' 、商品、指数、ARR);戻りアイテム> 2 ;}))。3. // forEachの无返回值はconsole.log(arr.every((項目、インデックス、ARR)=> {にconsole.log( 'すべて' 、商品、指数、ARR);戻りアイテム> 2 ;}) ); 4。
console.log(arr.some((項目、インデックス、ARR)=> {にconsole.log( '一部' 、商品、指数、ARR);戻りアイテム> 2 ;}))。5. //返回真、打印3遍いくつか:


> DEMO1:forEachの
arr.forEach(関数(値、指数){ 
//最初のパラメータ:配列要素
インデックス配列要素:// 2番目のパラメータ})
ループ配列トラバーサルのため//ノーリターン値に対応します
/ * --- ---------------------------------------------- * / 
// forEachの
// 1. Eは大文字である
VaRのARRは= [ 'A'、 'B'、 'C' ]; 
//構文:配列名.forEach(コールバック)
arr.forEach(関数(値){  コンソール。ログ(値);  });  // 2.配列要素値が第1パラメータであるが、配列インデックスは、第2のパラメータである arr.forEach(関数(V、I){  にconsole.log( '最初の' + I + + '要素の値が' V);})


> DEMO2:フィルタ
ARR = VAR [12、66 ,. 4、88 ,. 3 ,. 7である;] 
VAR = newArr arr.filter(関数(値、指数){ 
配列要素://最初のパラメータ
// 2番目のパラメータ:配列要素インデックス
戻り値が> = 20であり; 
}); 
にconsole.log(newArr); // [66,88] //戻り値は新規の配列であります
> demo3:いくつかの 
//いくつかは、配列の要素があるかどうかを調べる条件を満足
するvar ARR = [10、30 ,. 4 ]; 
VAR = arr.someフラグに(関数(値、指数){ 
//最初のパラメータ:配列要素
//パラメータ第二:インデックスとする配列要素
戻り値<3。; 
}); 
はconsole.log(フラグに); //戻り値があれば条件は直ちにループ素子を終了することが見出されているように、ブール値であります

 

 

おすすめ

転載: www.cnblogs.com/carrot-cc/p/11106818.html