J'ai vu un article très pratique et je l'ai reporté pour éviter de l'oublier, pour une consultation ultérieure
1. Expressions multiples et jugements if multiples
Nous pouvons stocker plusieurs valeurs dans un tableau et nous pouvons utiliser la méthode array include.
// 长if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {//logic}// 短if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {//logic}
2. Raccourci si sinon
Si la logique de if-else est relativement simple, vous pouvez utiliser la méthode suivante pour refléter l'abréviation, bien sûr, vous pouvez également utiliser l'opérateur ternaire pour y parvenir.
// 长let test: boolean;if (x > 100) {test = true;} else {test = false;}// 短let test = (x > 10) ? true : false;// 也可以直接这样let test = x > 10;
3. Fusionner les déclarations de variables
Lorsque nous déclarons plusieurs variables du même type, cela peut être abrégé comme suit.
// 长let test1;let test2 = 1;// 短let test1, test2 = 1;
4. Fusionner l'affectation des variables
Ceci est très utile lorsque nous traitons avec plusieurs variables et attribuons différentes valeurs à différentes variables.
// 长let test1, test2, test3;test1 = 1;test2 = 2;test3 = 3;// 短let [test1, test2, test3] = [1, 2, 3];
5. && opérateur
Si la fonction est appelée uniquement si la valeur de la variable est vraie, l'opérateur && peut être utilisé.
// 长if (test1) {callMethod();}// 短test1 && callMethod();
6. Fonctions fléchées
// 长function add(a, b) {return a + b;}// 短const add = (a, b) => a + b;
7. Appels de fonction courts
Ces fonctions peuvent être réalisées à l'aide de l'opérateur ternaire.
const fun1 = () => console.log('fun1');const fun2 = () => console.log('fun2');// 长let test = 1;if (test == 1) {fun1();} else{fun2();}// 短(test === 1? fun1:fun2)();
8. Raccourci pour Switch
Nous pouvons enregistrer la condition dans un objet clé-valeur et l'utiliser en fonction de la condition.
// 长switch (data) {case 1:test1();break;case 2:test2();break;case 3:test();break;// And so on...}// 短const data = {1: test1,2: test2,3: test};data[something] && data[something]();
9. Valeurs des paramètres par défaut
// 长function add(test1, test2) {if (test1 === undefined)test1 = 1;if (test2 === undefined)test2 = 2;return test1 + test2;}// 短const add = (test1 = 1, test2 = 2) => (test1 + test2);
10. Opérateur de propagation
// 长-合并数组const data = [1, 2, 3];const test = [4 ,5 , 6].concat(data);// 短-合并数组const data = [1, 2, 3];const test = [4 ,5 , 6, ...data];// 长-拷贝数组const test1 = [1, 2, 3];const test2 = test1.slice()// 短-拷贝数组const test1 = [1, 2, 3];const test2 = [...test1];
11. Chaînes de modèle
// 长const welcome = 'Hi ' + test1 + ' ' + test2 + '.'// 短const welcome = `Hi ${test1} ${test2}`;
12. Objet abrégé
let test1 = 'a';let test2 = 'b';// 长let obj = {test1: test1, test2: test2};// 短let obj = {test1, test2};
13. Rechercher les valeurs maximales et minimales dans un tableau
const arr = [1, 2, 3];Math.max(…arr); // 3Math.min(…arr); // 1