アレイを動作させるJS共通の記録方法

1.map()メソッド

  • 一つの方法は、アレイ内の各要素を求め、アレイは、元の変更されません
  • EXP:
   var arr = [ '10','20','30','40','50' ]
   var num1 = arr.map( ( el,index )=>{
       el = el*2
       // arr还是[ '10','20','30','40','50' ]
   } )

2.forEach()

  • メソッドを呼び出すための配列の各要素は、それが元の配列を変更します
  • EXP:
   var arr = [ '10','20','30','40','50' ]
   var num1 = arr.forEach( ( el,index )=>{
       el = el*2
       // 此时arr变为[ '20','40','60','80','100' ]
   } )

3.filter()

  • 配列内の各試合は、リターンとして新しい配列は、元の配列を変更しないという条件を満たしています
    var arr = [10,20,30,40,50]
    var num1 = arr.filter( ( item,index )=>{
        return item > 30
    } )
    // 此时num1为[40,50]

4.every()

  • すべての配列裁判官リターンの要素全ての要素が満たされた場合に返されるブール値がtrueで、そうでない場合はfalse
    var arr = [10,20,30,40,50]
    var num1 = arr.every( ( item,index )=>{
        return item > 30
    } )
    // 此时num1为false,因为不是所有有数字都比30小

5.some()

  • 条件がそうでない場合は真又は偽である配列満たす内の1つの要素が存在する場合、アレイ内の要素が、決定されます
    var arr = [10,20,30,40,50]
    var num1 = arr.some( ( item,index )=>{
        return item > 40
    } )
    // 此时num1为true因为里面有元素比40大

6.reduce()

アレイ内のすべての要素に対して*通話機能、戻り値は、最終的な結果であります

    var arr = [10,20,30,40,50]
    var num1 = arr.reduce( ( item,index )=>{
        return item + index
    } )
    //  此时num1为150,因为是将该数组中每一项进行叠加处理

7.push()

  • 配列の配列内の最後の項目の後に追加、
  • これは、元の配列を変更します
  • 戻り値は、新しい配列の長さであります
    var arr = [10,20,30,40,50]
    var num1 = arr.push( 60 )
    // num1 = 6,

8.pop()

  • 配列の最後の項目を削除します。
  • これは、元の配列を変更します
  • 戻り値は削除されているものです
    var arr = [10,20,30,40,50]
    var num1 = arr.pop()
    // num1 = 50 返回值是删除的那项

9.shift()

  • アレイを削除するには、最初の項目
  • これは、元の配列を変更します
  • 戻り値は削除されているものです
    var arr = [10,20,30,40,50]
    var num1 = arr.shift()
    // num1 = 10 返回值是删除的那项

10.unshift()

  • 最初用語プラス1つまたは複数のアレイのアレイの前に
  • これは、元の配列を変更します
  • 戻り値は、新しい配列の長さであります
    var arr = [10,20,30,40,50]
    var num1 = arr.unshift( 60 )
    // num1 = 6

11.isArray()

  • オブジェクトが配列であるかどうかを決定します
  • 戻り値はブール値です
    var arr = [10,20,30,40,50]
    var num1 = Array.isArray( arr )
    // num1 = true 

12.concat()

  • 2つの配列のスプライシング
  • これは、元の配列は変更されません。
  • 戻り値は新しい配列であります
    var arr = [10,20,30,40,50]
    var str = [70,80]
    var num1 = arr.concat( str )
    // 此时num1 = [10,20,30,40,50,70,80]
    // es6数组简单拼接方法:
    [...arr,...str]

13.toString()

  • 文字列配列に、スプライシングを実現することができます
  • これは、元の配列は変更されません。
  • 戻り値は、文字列の配列に変換されます。
    var arr = [10,20,30,40,50]
    var num1 = arr.toString(  )

14.join()

  • 文字列、単純な変換にアレイ
  • これは、元の配列は変更されません。
  • 戻り値は、文字列の配列に変換されます。
    var arr = [10,20,30,40,50]
    var num1 = arr.join(  )

15.splice()

  • の配列を達成するための追加と削除
  • 私たちは、元の配列を変更します
  • 戻り値は変更されているものです
    var arr = [10,20,30,40,50]
    var num1 = arr.splice( 0,1,60 )
    // 此时num1 = 【10】,arr = [60,20,30,40,50]

16 Array.from(arrayLike、mapFn、thisArg)

  • 配列またはオブジェクトの反復からクラスの新しい配列インスタンスを作成
  • arrayLike:配列またはオブジェクトのイテレート可能オブジェクトの配列に等疑似
  • コールバック関数は、各要素mapFn(オプションのパラメータ)新しい配列を実行します
  • thisArg(オプション)mapFnこのコールバックオブジェクトを実行します
  • 戻り値は、配列の新しいインスタンスであります
    Array.from(arrayLike, mapFn, thisArg)
リリース元の2件の記事 ウォン称賛11 ビュー204

おすすめ

転載: blog.csdn.net/qq_42698109/article/details/104680276