Maison  >  Article  >  interface Web  >  Explication détaillée des nouveaux exemples de fonctionnalités d'extension de tableau

Explication détaillée des nouveaux exemples de fonctionnalités d'extension de tableau

零下一度
零下一度original
2017-06-26 10:12:491098parcourir

Je pense que de nombreuses fonctionnalités pratiques ont été ajoutées à l'expansion des tableaux, et cela semble assez important

1. Array.of() convertit les variables de données sous forme de tableau

{
  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() est utilisé pour convertir deux types d'objets en tableaux réels : objets de type tableau (objet de type tableau) et traversables (itérables) (y compris les nouvelles structures de données Set et Map d'ES6)

En même temps Array.from Vous pouvez également accepter un deuxième paramètre, similaire à la méthode map d'un tableau. Il est utilisé pour traiter chaque élément et mettre la valeur traitée dans le tableau renvoyé.

{
  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]
}

3. fill(data,startIndex,endIndex-1) remplit le tableau S'il n'y a qu'un seul paramètre de données, tous le seront. remplacé S'il y en a trois, Tous les paramètres seront remplacés de startIndex~endIndex-1 par data

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

  4. clés (renvoie tous les indices du tableau) valeurs. ​​(renvoie tous les indices du tableau) valeur) entrées (y compris toutes les clés et valeurs)

{  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) À partir de la position p1, écrasez les données des positions p2 vers p3-1

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

6. trouver () trouve le premier Stop lorsque la première valeur qualifiée est trouvée et findIndex() trouve L'index de la première valeur qualifiée est arrêté

{
  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
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn