Résumez 10 méthodes courantes dans la syntaxe js pour améliorer l'efficacité du codage

Avant-propos

En raison de certains changements dans le travail et la vie, la fréquence d'écriture d'articles a un peu diminué récemment. Je suis vraiment désolé, mais je. je crois que cela va bientôt ralentir. Je me rétablis lentement et je vous remercie tous pour votre attention et votre 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 disponible. 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. nouveau Set()

Quelqu'un sait peut-être que de nouvelles données sont fournies dans ES6. La structure est définie, mais il n'y a peut-être pas beaucoup de gens qui peuvent l'utiliser de manière flexible. En utilisant la structure de données Set, nous pouvons facilement dédupliquer un tableau, par exemple :

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. ES6 La méthode d'extension de l'objet fournie dans 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. et a une valeur de retour Vous pouvez opérer sur chaque élément du tableau et générer un nouveau tableau. Parfois, il peut remplacer les boucles for et forEach pour simplifier le code, comme :

let arr3 = [1, 2, 3, 4, 5];

let newArr3 = arr3.map((e, i) => e * 10); // 给数组每一项乘以10

console.log(newArr3); // [10, 20, 30, 40, 50]

4. ()

La méthode filter est également utilisée pour parcourir le tableau. Comme son nom l'indique, elle filtre le tableau, déclenche une fonction de rappel après chaque élément, conserve ou supprime l'élément actuel via jugement, et renvoie enfin 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()

La méthode some 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, il renvoie vrai, sinon il renvoie faux. Semblable à || comparaison, par exemple :

let arr5 = [{result: true}, {result: false}];

let newArr5 = arr5.some((e, i) => e.result); // 只要一个为true，即为true

console.log(newArr5); // true

6.every()

chaque méthode est utilisée. pour parcourir le tableau, déclenchant une fonction de rappel après chaque élément, tant que l'on n'est pas satisfait. La condition renvoie faux, sinon elle renvoie vrai, similaire à la comparaison &&, par exemple :

let arr6 = [{result: true}, {result: false}];

let newArr6 = arr6.every((e, i) => e.result); // 只要一个为false，即为false

console.log(newArr6); // false

7 ~. ~opérateur

~ les symboles utilisés en JavaScript sont la fonction de négation au niveau du bit, ~~ est d'annuler deux fois, et la valeur d'opération de opération sur bit doit être entier, et le résultat est également un entier, donc toutes les opérations au niveau du bit seront automatiquement Pour devenir un entier, vous pouvez intelligemment supprimer la partie décimale, similaire à parseInt, par exemple :

let a = 1.23;
let b = -1.23;

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

8. || Opérateur

Utilisation intelligente de l'opérateur || que nous pouvons donner à Variable définit la valeur par défaut, telle que :

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

console.log(d); // 1

9. .Operator

...L'opérateur est la méthode utilisée pour déstructurer les tableaux dans ES6, vous pouvez utiliser Used pour obtenir rapidement les paramètres du tableau, tels que :

let [num1, ...nums] = [1, 2, 3];

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

10. Opérateur ternaire opérateur

Cet opérateur doit être familier à tout le monde, et peut être écrit silencieusement. Simplifiez la façon d'écrire si d'autre, comme :

let e = true,
    f = '';

if (e) {
    f = 'man';
} else {
    f = 'woman';
}

// 等同于
e ? f = 'man' : f = 'woman';

Conclusion

Cet article ne répertorie que 10 méthodes courantes pour améliorer l'efficacité du codage dans la Syntaxe JavaScript Brèvement expliqué, bien sûr, chaque point de connaissance peut être développé et exploré en conséquence. J'espère que tout le monde pourra l'utiliser habilement tout en apprenant. habilement.

【Recommandations associées】

1. Recommandation spéciale : "php Programmer Toolbox" version V0.1 Télécharger

2. Tutoriel vidéo en ligne js gratuit

3. php.cn Dugu Jiujian (3) - Tutoriel vidéo 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!