Maison > Article > interface Web > Résumé des API couramment utilisées dans les tableaux javascript
Cet article vous présente un résumé des API couramment utilisées dans les tableaux JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
split()
: Diviser les chaînes en tableaux (opérer sur des chaînes) join()
: Fusionner des tableaux en chaînes (opérer sur des tableaux)) concat()
: Concaténer deux tableaux splice(begin,deleteCount,insert)
: Épisser splic(begin,end)
: Intercepter [begin,end)
sort(callball(value1,value2))
: Trier resever()
: Ordre inverse
filter(callback(currentValue,index))
: Filtre map(callback(currentValue,index))
: Traverse, avec valeur de retour, similaire à forEach
forEach(callback(currentValue,index))
: Traverse, sans valeur de retour reduce(callback(array,currentValue,index)[,array])
: Traitement d'accumulation arguments
: Utilisé à l'intérieur la fonction, transformant les paramètres de la fonction en pseudo-tableaux (l'API du tableau ne peut pas être utilisée)
sort
Tri : Si value1 < value2
renvoie -1
, trier par ordre croissant ;Renvoyer 1
, trier var arr = [1,5,4,3,2,6,7] arr.sort((value1,value2) => { if(value1 < value2){ return -1 //升序 }else if(value1 > value2){ return 1 //降序 }else{ return 0 } })<h3> <code>filter</code> par ordre décroissant, filtrer le tableau, accepter une fonction de rappel, les paramètres de la fonction de rappel sont <code>value</code>, <code>index</code>( facultatif), <code>array</code>(facultatif) )</h3> <pre class="brush:php;toolbar:false">let arr = [1,2,3,4,5,6,7,8,9] arr.filter((value,index) =>{ console.log(index) return value > 5 //筛选条件 })
let fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']; function find(element){ return fruits.filter((e)=>{ return e.indexOf(element) >= -1 //indexOf查到元素,找到返回元素的索引 }) } find('ap') //['apple','grapes']
map
et forEach
sont : map
a une valeur de retour, forEach
n'a pas de valeur de retour si peut renvoyer une valeur, en Il suffit de définir une variable en interne pour stocker la valeur parcourue. forEach
var a = [1,2,3,4] a.map(e => e*2) //[1,4,6,8] a.forEach(e => e*2) //undefined, return 也不会出来
reduce
; 2. L'élément en cours de traitement; 3. L'index de l'élément en cours de traitement; 4. Le tableau appelant reduce
. reduce
reçoit le deuxième paramètre, alors le premier paramètre de la fonction de rappel est celui-ci (comme la déduplication, la logique en cours est de traiter chaque élément du tableau à traiter un par un reduce
La saisie est le processus d'ajout) ; s'il n'y a pas de deuxième paramètre, alors le premier paramètre de la fonction de rappel est le premier élément du tableau à traiter (comme la destruction du tableau, la logique en cours est de prendre directement le tableau à traiter et à le traiter de manière centralisée, oui processus de soustraction). push
//去重:把待处理数组的每一项处理后在一个个`push`进去,是加的过程 var a = [1,2,3,2,4,5,3,1] a.sort().reduce((arr,currentValue) => { if(arr.length === 0 || arr[arr.length-1] !== currentValue){ arr.push(currentValue) } return arr },[]) //[1,2,3,4,5] //摧毁数组:把待处理数组直接拿过来集中处理,是减的过程 function destroyer(arr) { return [].slice.call(arguments).reduce((current,next) =>{ return current.filter((e) => { return e !== next }) }) } destroyer([1, 2, 3, 1, 2, 3], 2, 3); //[1,1]
arguments
function array(arr){ console.log(arr) //[1,2,3,4,5],注意是一个伪数组,不能用数组的方法 } array(1,2,3,4,5) var args = Array.prototype.slice.call(arguments); var args = [].slice.call(arguments);Recommandations associées :
Analyse algorithmique de l'arrangement complet des chaînes en js
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!