Maison > interface Web > js tutoriel > le corps du texte

Exemples détaillés de nouvelles méthodes de tableau dans ES6

小云云
Libérer: 2018-05-15 10:47:09
original
2354 Les gens l'ont consulté

Cet article présente principalement les nouvelles méthodes de tableau dans ES6. Il résume et analyse les fonctions et les compétences d'utilisation de diverses nouvelles méthodes de tableau dans ES6 sous forme d'exemples. J'espère que les amis dans le besoin pourront s'y référer. cela peut aider tout le monde.

Quantityfind :

let arr=[1,2,234,'sdf',-2];
arr.find(function(x){
  return x<=2;
})//结果:1,返回第一个符合条件的x值
arr.find(function(x,i,arr){
  if(x<2){console.log(x,i,arr)}
})//结果:1 0 [1, 2, 234, "sdf", -2],-2 4 [1, 2, 234, "sdf", -2]
Copier après la connexion

Le paramètre de find est la fonction de rappel La fonction de rappel peut recevoir 3 paramètres, la valeur x. , donc i , array arr, la valeur de retour par défaut de la fonction de rappel est x.

QuantityfindIndex :

let arr=[1,2,234,&#39;sdf&#39;,-2];
arr.findIndex(function(x){
  return x<=2;
})//结果:0,返回第一个符合条件的x值的索引
arr.findIndex(function(x,i,arr){
  if(x<2){console.log(x,i,arr)}
})//结果:1 0 [1, 2, 234, "sdf", -2],-2 4 [1, 2, 234, "sdf", -2]
Copier après la connexion

findIndex est similaire à find, mais renvoie l'index par défaut.

Quantityincludes :

let arr=[1,2,234,&#39;sdf&#39;,-2];
arr.includes(2);// 结果true,返回布尔值
arr.includes(20);// 结果:false,返回布尔值
arr.includes(2,3)//结果:false,返回布尔值
Copier après la connexion

includes est la même que celle de la chaîne, recevant 2 paramètres, l'élément de requête et le début de la requête position .

Quantitykeys :

let arr=[1,2,234,&#39;sdf&#39;,-2];
for(let a of arr.keys()){
  console.log(a)
}//结果:0,1,2,3,4 遍历了数组arr的索引
Copier après la connexion

touches, parcours de l'index du tableau

weight valeurs :

let arr=[1,2,234,&#39;sdf&#39;,-2];
for(let a of arr.values()){
  console.log(a)
}//结果:1,2,234,sdf,-2 遍历了数组arr的值
Copier après la connexion

touches, parcours des éléments du tableau

Quantityentries :

let arr=[&#39;w&#39;,&#39;b&#39;];
for(let a of arr.entries()){
  console.log(a)
}//结果:[0,w],[1,b]
for(let [i,v] of arr.entries()){
  console.log(i,v)
}//结果:0 w,1 b
Copier après la connexion

entrées, parcours de paires clé-valeur de tableau.

Quantityfill :

let arr=[&#39;w&#39;,&#39;b&#39;];
arr.fill(&#39;i&#39;)//结果:[&#39;i&#39;,&#39;i&#39;],改变原数组
arr.fill(&#39;o&#39;,1)//结果:[&#39;i&#39;,&#39;o&#39;]改变原数组,第二个参数表示填充起始位置
new Array(3).fill(&#39;k&#39;).fill(&#39;r&#39;,1,2)//结果:[&#39;k&#39;,&#39;r&#39;,&#39;k&#39;],第三个数组表示填充的结束位置
Copier après la connexion

La méthode fill modifie le tableau d'origine lorsque le troisième paramètre est supérieur à la longueur du tableau. , le dernier chiffre utilisé est la position finale.

QuantityArray.of() :

Array.of(&#39;w&#39;,&#39;i&#39;,&#39;r&#39;)//["w", "i", "r"]返回数组
Array.of([&#39;w&#39;,&#39;o&#39;])//[[&#39;w&#39;,&#39;o&#39;]]返回嵌套数组
Array.of(undefined)//[undefined]依然返回数组
Array.of()//[]返回一个空数组
Copier après la connexion

La méthode Array.of() renvoie toujours un tableau et les paramètres sont non classé en types. Seule la quantité est divisée. Si la quantité est 0, un tableau vide est renvoyé.

QuantitycopyWithin :

["w", "i", "r"].copyWithin(0)//此时数组不变
["w", "i", "r"].copyWithin(1)//["w", "w", "i"],数组从位置1开始被原数组覆盖,只有1之前的项0保持不变
["w", "i", "r","b"].copyWithin(1,2)//["w", "r", "b", "b"],索引2到最后的r,b两项分别替换到原数组1开始的各项,当数量不够,变终止
["w", "i", "r",&#39;b&#39;].copyWithin(1,2,3)//["w", "r", "r", "b"],强第1项的i替换为第2项的r
Copier après la connexion

La méthode copyWithin reçoit trois paramètres, le début des données remplacées, le début du bloc de remplacement , Remplacez la fin du bloc (non inclus); copyWithin(s,m,n).

QuantityArray.from():

Array.from({&#39;0&#39;:&#39;w&#39;,&#39;1&#39;:&#39;b&#39;,length:2})//["w", "b"],返回数组的长度取决于对象中的length,故此项必须有!
Array.from({&#39;0&#39;:&#39;w&#39;,&#39;1&#39;:&#39;b&#39;,length:4})//["w", "b", undefined, undefined],数组后2项没有属性去赋值,故undefined
Array.from({&#39;0&#39;:&#39;w&#39;,&#39;1&#39;:&#39;b&#39;,length:1})//["w"],length小于key的数目,按序添加数组
Copier après la connexion
let ps=document.getElementsByTagName(&#39;p&#39;);
Array.from(ps)//返回p元素数组
Array.from(&#39;wbiokr&#39;)//["w", "b", "i", "o", "k", "r"]
Array.from([1,2,3],function(x){
    return x+1})//[2, 3, 4],第二个参数为回调函数
Copier après la connexion

Array.from peut convertir des objets de type tableau avec des attributs de longueur en tableaux, et peut également convertir des objets traversables tels que des chaînes en tableaux. Il reçoit 2 paramètres, l'objet de conversion et la fonction de rappel.

Recommandations associées :

Méthode JS pour implémenter la conversion de tableau et de chaîne

fonction php array_sum (qui renvoie la somme de toutes les valeurs ​​dans le tableau)

Résumé des fonctions de tableau (Array) couramment utilisées en PHP

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!