Comment apprendre et utiliser les fonctions en js

Avant-propos

En raison de certains changements dans le travail et la vie, la fréquence de rédaction d'articles a un peu diminué récemment. Je suis vraiment désolé, mais je pense qu'elle va bientôt se rétablir. Merci à tous pour votre. une attention et un soutien continus.

Cet article partage principalement avec vous quelques méthodes et techniques d'écriture de code JavaScript Bien que parfois tous les chemins mènent à Rome, il peut toujours y avoir le chemin le plus court à emprunter. J'espère que grâce aux compétences JavaScript suivantes, le code de chacun pourra être « complexe et simplifié, simplifié et affiné ».

Apprendre et utiliser habilement

1. new Set()

Certaines personnes savent peut-être qu'ES6 fournit une nouvelle structure de données Set, mais peu de gens le peuvent. utilisez-le avec flexibilité. En utilisant la structure de données Set, nous pouvons facilement dédupliquer un tableau, tel que :

let arr = [1, 2, 2, 3];let set = new Set(arr);let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。console.log(newArr); // [1, 2, 3]

2 Object.assign()

Object.assign() est également une extension des objets fournis. dans la méthode ES6, qui peut être utilisée pour fusionner et copier des objets, tels que :

let obj1 = {a: 1};let obj2 = {b: 2};let obj3 = Object.assign({}, obj1, obj2);console.log(obj3); // {a: 1, b: 2}

3. map()

La méthode map est utilisée pour parcourir le tableau, avec un retour. valeur, et peut être utilisé pour Les éléments sont exploités et un nouveau tableau est généré Parfois, les boucles for et forEach peuvent être remplacées pour simplifier le code, comme :

let arr3 = [1, 2, 3, 4, 5];let newArr3 = arr3.map((e, i) => e * 10); // 给数组每一项乘以10console.log(newArr3); // [10, 20, 30, 40, 50]

4.

La méthode de filtrage est également utilisée pour le parcours Array, comme son nom l'indique, consiste à filtrer le tableau, à déclencher une fonction de rappel après chaque élément, à conserver ou à supprimer l'élément actuel par jugement, et enfin à renvoyer un nouveau tableau , tel que :

let arr4 = [1, 2, 3, 4, 5];let newArr4 = arr4.filter((e, i) => e % 2 === 0); // 取模，过滤余数不为0的数console.log(newArr4); // [2，4]

5. some ()

Une méthode est utilisée pour parcourir le tableau et déclencher une fonction de rappel après chaque élément. Tant que l'on remplit les conditions, elle est utilisée. renverra true, sinon il renverra false, similaire à la comparaison ||, telle que :

let arr5 = [{result: true}, {result: false}];let newArr5 = arr5.some((e, i) => e.result); // 只要一个为true，即为trueconsole.log(newArr5); // true

6.every()

La méthode each est utilisée pour parcourir le tableau et déclencher une fonction de rappel après chaque élément. Tant qu'un élément ne remplit pas la condition, il renvoie false, sinon il renvoie true, similaire à && Comparison, par exemple :

let arr6 = [{result: true}, {result: false}];let newArr6 = arr6.every((e, i) => e.result); // 只要一个为false，即为falseconsole.log(newArr6); // false

7.

~ Le symbole est utilisé en JavaScript pour effectuer une inversion au niveau du bit. ~~ signifie inverser deux fois, et le bit La valeur de l'opération doit être un entier, et le résultat est également un entier, donc le bit au niveau du bit. l'opération deviendra automatiquement un entier. La partie décimale peut être supprimée intelligemment, comme parseInt, comme :

let a = 1.23;let b = -1.23;console.log(~~a); // 1console.log(~~b); // -1

8 || Opérateur

L'utilisation intelligente de l'opérateur || nous permet de définir des valeurs par défaut pour les variables, telles que :

let c = 1;let d = c || 2; // 如果c的值为true则取存在的值，否则为2console.log(d); // 1

9 ...Opérateur

... L'opérateur est une méthode utilisée pour déstructurer les tableaux dans ES6, qui peut être utilisé pour obtenir rapidement les paramètres d'un tableau, tels que :

let [num1, ...nums] = [1, 2, 3];console.log(num1); // 1console.log(nums); // [2, 3]

10. Opérateur ternaire

Cet opérateur doit être utilisé par tout le monde. Il est relativement familier Vous pouvez simplifier l'écriture. de if else lors de l'écriture silencieuse, comme :

let e = true,
    f = '';if (e) {
    f = 'man';
} else {
    f = 'woman';
}// 等同于
f = e ? 'man' : 'woman';

Conclusion

Cet article ne répertorie que 10 méthodes courantes dans la syntaxe JavaScript pour améliorer l'efficacité du codage. Bien sûr, cela a été brièvement expliqué. chaque point de connaissance peut être développé et exploré en conséquence. J'espère que tout le monde pourra obtenir l'effet d'une utilisation habile tout en apprenant habilement.

Si vous rencontrez des problèmes pendant le processus d'apprentissage ou souhaitez obtenir des ressources d'apprentissage, vous êtes invités à rejoindre le groupe d'échange d'apprentissage

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!