ES6の配列方法

から

この方法は、オブジェクトの二つのタイプにアレイからのものであってもよい、一つは(データ構造およびES6マップの新しいセットを含む)配列オブジェクトのタイプ(アレイ状物体)、一方が(反復処理可能)オブジェクトのトラバースです。

配列ターンの配列

      
      
1
2
3
4
5
      
      
聞かせて リスト= ドキュメント .querySelectorAll( 'ul.fancy李'
アレイ .from(リスト).forEach( 関数リー {
ドキュメント .WRITE(LI)
})

上記のコードは、querySelectorAllこの方法は、使用するためには、アレイ状オブジェクト、実際の配列にのみオブジェクトを返すforEach方法。

何もありませんlengthが通過するオブジェクトArray.fromの配列方法には、

      
      
1
2
3
4
5
6
7
8
      
      
聞かせて OBJ = {
0 'A'
1 'B'
2 'C'
長さ 3
}
聞かせて ARR = アレイ .from(OBJ)

fromパラメータを受け入れます

Array.from第二のパラメータを受け入れることができ、アレイは次のように作用するmap処理された各要素のために、方法。

      
      
1
2
3
4
5
      
      
ARR = [ 0 1 2 4 ]
聞かせて arrnew = アレイ .from(ARR、X => X * X)
コンソール の.log(arrnew)
//と等価
聞かせて arrnew = arr.map( X => X * X)

文字列の配列を回し

Array.from配列に文字列、文字列の長さを返します。これは防止javascriptより大きい2つの文字として数え、文字uFFFFUnicodebug

      
      
1
2
3
      
      
function (string) {
return Array.from(string).length
}

of方法

of方法用于将一组值,转为数组

      
      
1
2
      
      
Array.of( 3, 11, 8) // [3 大专栏  ES6中数组的方法, 11, 8]
Array.of( 3) // [3]

find方法

find方法,用于找出第一个符合条件的数组成员,它的参数是一个回掉函数,找出一个返回值为true的成员,然后返回该成员。如果没有符合条件的则返回undefined

      
      
1
2
      
      
let array = [ 1, 2, -3, 4].find( n => n < 0)
console.log(array) // -5

find回掉函数接受三个参数,分别为当前的值当前的位置原数组

findIndex方法

用法于find方法类似,返回第一个符合条件的数组成员的位置,没有找到的话返回-1.

      
      
1
2
3
4
      
      
let index = [ 1, 5, 11, 16].findIndex( function(value, index, arr) {
return value > 9
})
console.log(index)

findfindIndex都可以借助Object.is方法做到发现数组中的NaN,而indexOf发现不了。

      
      
1
2
      
      
[ NaN].indexOf( NaN) // -1
[ NaN].findIndex( y => Object.is( NaN, y)) // 0

fill方法

fill()使用一个值来填充一个数组。

      
      
1
2
3
4
      
      
let arr = [ 'a', 'b', 'c'].fill( 7)
// [7, 7, 7]
聞かせて arrNew = 新しい アレイ 3 ).fillを( 7
// [7,7,7]

上記のコードはことを示すfill初期化方法は、空の配列のために非常に便利です。配列の要素は、すでにそれらのすべてを消去します。
fillまた、第二と第三引数はフィル開始位置と終了位置を指定し受け入れることができます

      
      
1
2
      
      
newArrは= [ 'A' 'B' 'C' ] .fill( 7 1 2
// [ 'A'、7 'C']

おすすめ

転載: www.cnblogs.com/wangziqiang123/p/11711205.html