配列拡張の新機能例を詳しく解説

配列の展開には実用的な機能がたくさん追加されていて、かなり重要な気がします

1. Array.of()はデータ変数を配列形式に変換します

{
  let arr = Array.of(3,4,7,9,11);
  console.log('arr=',arr);//[3,4,7,9,11]

  let empty=Array.of();//[]
  console.log('empty',empty);
}

2． Array .from() は、2 種類のオブジェクトを実際の配列に変換するために使用されます: 配列様オブジェクト(配列様オブジェクト) と traversable(反復可能) オブジェクト (ES6 の新しいデータ構造 Set と Map を含む)

同時に、Array.from还可以接受第二个参数，作用类似于数组的mapメソッドを使用して各要素を処理し、処理された値を返された配列に入れます。

{
  let p=document.querySelectorAll('p');
  let pArr=Array.from(p);
  pArr.forEach(function(item){
    console.log(item.textContent);
  });

  console.log(Array.from([1,3,5],function(item){return item*2}));//[2,6,10]
}

三、fill(data,startIndex,endIndex-1) は、データパラメータが 1 つしかない場合、すべてのデータパラメータが置き換えられます。データに置き換えられます

{
  console.log('fill-7',[1,'a',undefined].fill(7));//[7,7,7]
  console.log('fill,pos',['a','b','c'].fill(7,1,3));
}

IV. キー（すべての配列の添字を返します） 値（配列のすべての値を返します） エントリ（すべてのキーと値を含みます）

{  for(let index of ['1','c','ks'].keys()){
    console.log('keys',index);
  }  for(let value of ['1','c','ks'].values()){
    console.log('values',value);
  }  for(let [index,value] of ['1','c','ks'].entries()){
    console.log('values',index,value);
  }
}

5. copyWithin(p1,p2 ,p3) p1 の位置から開始して、p2 から p3-1 までのデータで上書きします

{
  console.log([1,2,3,4,5].copyWithin(0,3,4));//[4,2,3,4,5]
}

6 find() は、最初の値を見つけた時点で停止します。条件を満たし、findIndex() が 番目を検索します。 条件を満たす値のインデックスが停止します

{
  console.log([1,2,3,4,5,6].find(function(item){return item>3}));//4
  console.log([1,2,3,4,5,6].findIndex(function(item){return item>3}));
}

{
  console.log('number',[1,2,NaN].includes(1));//true
  console.log('number',[1,2,NaN].includes(NaN));//true
}

以上が配列拡張の新機能例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。