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

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]

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,'sdf',-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]

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

Quantityincludes :

let arr=[1,2,234,'sdf',-2];
arr.includes(2);// 结果true，返回布尔值
arr.includes(20);// 结果：false，返回布尔值
arr.includes(2,3)//结果：false，返回布尔值

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,'sdf',-2];
for(let a of arr.keys()){
  console.log(a)
}//结果：0,1,2,3,4 遍历了数组arr的索引

touches, parcours de l'index du tableau

weight valeurs :

let arr=[1,2,234,'sdf',-2];
for(let a of arr.values()){
  console.log(a)
}//结果：1,2,234,sdf,-2 遍历了数组arr的值

touches, parcours des éléments du tableau

Quantityentries :

let arr=['w','b'];
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

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

Quantityfill :

let arr=['w','b'];
arr.fill('i')//结果：['i','i']，改变原数组
arr.fill('o',1)//结果：['i','o']改变原数组,第二个参数表示填充起始位置
new Array(3).fill('k').fill('r',1,2)//结果：['k','r','k']，第三个数组表示填充的结束位置

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('w','i','r')//["w", "i", "r"]返回数组
Array.of(['w','o'])//[['w','o']]返回嵌套数组
Array.of(undefined)//[undefined]依然返回数组
Array.of()//[]返回一个空数组

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",'b'].copyWithin(1,2,3)//["w", "r", "r", "b"]，强第1项的i替换为第2项的r

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({'0':'w','1':'b',length:2})//["w", "b"],返回数组的长度取决于对象中的length，故此项必须有！
Array.from({'0':'w','1':'b',length:4})//["w", "b", undefined, undefined],数组后2项没有属性去赋值，故undefined
Array.from({'0':'w','1':'b',length:1})//["w"],length小于key的数目，按序添加数组

let ps=document.getElementsByTagName('p');
Array.from(ps)//返回p元素数组
Array.from('wbiokr')//["w", "b", "i", "o", "k", "r"]
Array.from([1,2,3],function(x){
    return x+1})//[2, 3, 4],第二个参数为回调函数

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!