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.

Introduction aux API communes pour les tableaux

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)

Exemple

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 也不会出来

accepte deux paramètres, la fonction de rappel et le premier paramètre de la fonction de rappel (facultatif) ; la fonction de rappel accepte quatre paramètres : 1. La valeur de retour de la fonction de rappel (résultat du traitement ) Ou le deuxième paramètre de 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

Si

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]

Bien qu'il ne s'agisse pas d'un tableau, il peut être converti en un véritable tableau. Voici deux méthodes 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

Une brève analyse du contenu du flux d'événements en javascript

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!