9 méthodes d'écriture traditionnelles puissantes en JS (diverses méthodes d'écriture Hack)

1. Remplacement global

Nous savons que la fonction de chaîne replace() ne remplace que la première occurrence Condition.

Vous pouvez remplacer toutes les occurrences de l'expression régulière en ajoutant /g à la fin.

var example = "potato potato";
console.log(example.replace(/pot/, "tom")); 
// "tomato potato"
console.log(example.replace(/pot/g, "tom")); 
// "tomato tomato"

2. Extraire les valeurs uniques

En utilisant Set object et l'opérateur spread, nous pouvons créer un nouveau tableau avec uniquement des valeurs uniques.

var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1]
var unique_entries = [...new Set(entries)];
console.log(unique_entries);
// [1, 2, 3, 4, 5, 6, 7, 8]

3. Convertir un nombre en chaîne

Nous avons juste besoin de connecter un ensemble de guillemets vides.

var converted_number = 5 + "";
console.log(converted_number);
// 5
console.log(typeof converted_number); 
// string

4. Convertir la chaîne en nombre

Tout ce dont nous avons besoin est l'opérateur +.

Une chose à noter est que cela ne fonctionne qu'avec des "numéros de chaîne".

the_string = "123";
console.log(+the_string);
// 123
the_string = "hello";
console.log(+the_string);
// NaN

5. Disposez les éléments au hasard dans le tableau

Je mélange les cartes tous les jours

var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(my_list.sort(function() {
    return Math.random() - 0.5
})); 
// [4, 8, 2, 9, 1, 3, 6, 5, 7]

6. array

Utilisez simplement l'opérateur spread.

var entries = [1, [2, 5], [6, 7], 9];
var flat_entries = [].concat(...entries); 
// [1, 2, 5, 6, 7, 9]

7. Condition de court-circuit

Regardons cet exemple :

if (available) {
    addToCart();
}

Utilisez simplement une variable avec une fonction pour la raccourcir :

available && addToCart()

8. Noms de propriétés dynamiques

J'ai toujours pensé que je devais déclarer un objet avant d'attribuer des propriétés dynamiques.

const dynamic = 'flavour';
var item = {
    name: 'Coke',
    [dynamic]: 'Cherry'
}
console.log(item); 
// { name: "Coke", flavour: "Cherry" }

9. Utilisez la longueur pour ajuster ou effacer un tableau

Nous réécrivons principalement la longueur du tableau.

Si on veut redimensionner le tableau :

var entries = [1, 2, 3, 4, 5, 6, 7];  
console.log(entries.length); 
// 7  
entries.length = 4;  
console.log(entries.length); 
// 4  
console.log(entries); 
// [1, 2, 3, 4]

Si on veut un tableau vide :

var entries = [1, 2, 3, 4, 5, 6, 7]; 
console.log(entries.length); 
// 7  
entries.length = 0;   
console.log(entries.length); 
// 0 
console.log(entries); 
// []

Tutoriel recommandé : "Tutoriel JS"

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!