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

Conseils sur l'utilisation de la réduction (exemple de code)

不言
Libérer: 2019-03-18 10:29:33
avant
1953 Les gens l'ont consulté

Le contenu de cet article concerne les compétences d'utilisation de la réduction (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

reduce

la méthode du tableau a deux paramètres de rappel de la fonction de rappel et initialValue
le rappel a quatre paramètres prev, next, index, arr
initialValue : paramètre facultatif, comme premier précédent de callback;
Si initialValue est passé :
prev est initialValue pour la première fois, puis c'est la valeur de retour.
next est chaque élément du tableau
index est l'indice du tableau
arr est le tableau d'origine
Si initialValue n'est pas passé :
prev est le premier élément du tableau pour le la première fois, puis la valeur de retour.
suivant est chaque élément à partir du deuxième élément du tableau
index et arr ne sont pas affectés

souligné vers la casse chameau

    let str = "my_name_is_sxq";
    let result = str.split('').reduce((p,n,i,arr)=>{
        if(n=='_'){
            arr[i+1] = arr[i+1].toUpperCase()
            return p
        }
        return p + n
    })
Copier après la connexion

Aplatissement du tableau

    // 二维转一维
    let arr = [1,2,3,[4,5],[6,7,[8,9]]];
    let newarr = arr.reduce(function(prev,next){
        return Array.isArray(next)?prev=prev.concat(...next):prev=prev.concat(next)
    },[])
Copier après la connexion

Tableau vers objet

    // 路由数组转对象
    let arr = [{path:'/',component:function(){}},{path:'/user',component:function(){}}]
    let result = arr.reduce((memo,current)=>{
        memo[current.path] = current.component
        return memo
    },{})
Copier après la connexion

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:segmentfault.com
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