4 astuces à connaître sur le langage Javascript


Avec l’avènement du développement Web, les développeurs se sont retrouvés face à un environnement très différent de celui qu’ils utilisaient jusqu’à un certain temps auparavant. C’est-à-dire l’environnement d’exécution de logiciels exécutables sur des machines autonomes, ou plutôt non de type serveur. Comme je vous l’ai déjà dit, avec l’avènement des technologies de développement Web, on a dû faire face à un environnement sans état. Le passage d’une page Web à une autre entraînait la perte de tous les objets gérés par la page précédente. Quelque chose qui ne s’est pas produit et ne se produit toujours pas avec les logiciels exécutables natifs. Grâce au langage Javascript, bon nombre de ces problèmes ont été résolus, et aujourd’hui, les développeurs peuvent compter sur une grande variété de bibliothèques, du langage Javascript, qui sont d’une aide énorme au développement web.

Le langage Javascript, en soi, n’est pas un langage difficile ou compliqué à apprendre. En effet, c’est un langage de style «C LIKE» et, par conséquent, très compréhensible même pour un débutant. L’approche de Javascript, en général, se déroule sans problèmes majeurs. Dans tous les cas, comme pour tous les langages, il existe quelques trucs et astuces qui facilitent grandement le développement, le rendant plus simple et plus immédiat à utiliser. Aujourd’hui, dans ce guide, je vais vous montrer 4 astuces que vous devez connaître sur le langage Javascript. Pour tester le code décrit dans ce guide, vous n’aurez pas besoin de créer de pages Web. Vous pouvez simplement profiter de l’interpréteur de langue en ligne «W3Schools». Désormais, en cliquant sur ce simple lien, il ne vous reste plus qu’à copier-coller, de temps en temps, le code proposé plus loin dans le guide. Une fois la page relative à l’éditeur Javascript en ligne chargée, il ne vous reste plus qu’à cliquer sur «Try it Yourself» pour accéder auÉditeurJavascript directement. Dans un premier temps vous comprendrez comment redimensionner un tableau en Javascript.

Émulateur javascript W3Schools
Émulateur javascript W3Schools

1. Comment redimensionner un «Array»

Comme vous le savez bien, les tableaux ne sont pas redimensionnables. Cela s’applique non seulement à Javascript mais à tous les langages de programmation. En fait, un « Array » est une structure de données statique et homogène. Cela signifie que, lors de l’exécution du code, il ne peut être ni redimensionné ni contenir d’objets de nature différente. Un tableau ne peut contenir que des données du même type. Par exemple, il ne peut contenir que des chaînes, des nombres et d’autres objets, mais pas des chaînes et des nombres, ni quoi que ce soit d’autre.

Donc un tableau de 5 éléments en Javascript comme ceci:

Const names = ['Marie', 'Jean', 'Marc', 'Philip', 'George'];

il ne peut pas être redimensionné, c’est-à-dire qu’il ne peut pas être supprimé ni ajouté d’autres noms. Cependant, il existe une astuce grâce à laquelle il est possible de raccourcir un tableau de ce type. En effet, en définissant la propriété «length» d’un « Array » sur un nombre d’éléments inférieur à celui qu’il contient, il est possible de le redimensionner. Par exemple, avec le code suivant:

names.length = 2;

«names» array ne contiendra plus 5 éléments mais 2. Donc si on imprime le contenu des «names» array, avec cette instruction: “console.log(names);”, le contenu du array “names” sera désormais: [‘Mary’, ‘John’].


Lire la Suite: « Comment gagner de l’argent en ligne avec TheMoneytizer »


2. Récupérer seulement une partie d’un objet Javascript

En Javascript si nous voulions créer un objet contenant des propriétés, nous devrions utiliser une syntaxe du type:

const names = {nom : 'Steve', nom de famille : 'Jobs'} ;

Normalement, pour accéder aux propriétés «name» et «surname»de l’objet «names», vous devez utiliser une syntaxe comme celle-ci:

names.name;

parfois, cependant, il suffit d’accéder à une seule propriété d’un objet. Donc, si on voulait créer une simple variable qui ne contienne que le contenu de la propriété «name» des «names» objet, nous écrirons une ligne de code comme celle-ci:

const { name } = names;

À ce stade, voulant vérifier le contenu de la variable «name», nous pouvons taper cette simple instruction «document.write(name);» qui imprimera la valeur «Steve» à l’écran. Cette opération très utile s’appelle «Destructuring Assignment» ou, déstructuration de variables.

"Destructuring Assignment" in Javascript
« Destructuring Assignment » in Javascript

3. Comment supprimer les valeurs en double d’un tableau

En Javascript, pour éliminer les valeurs en double d’un array, vous pouvez utiliser l’objet «Set». «Set» des objets Javascript qui ne peuvent pas contenir de valeurs en double à l’intérieur. Ainsi, pour supprimer les doublons du array «names», vous pouvez utiliser le «Set» commande comme ci-dessous:

Supprimer les valeurs en double d'un "Array" javascript
Supprimer les valeurs en double d’un « Array » javascript

Comme vous le voyez, avec une simple instruction, vous pourrez supprimer les doublons de n’importe quel array sans vous enliser dans des routines de nettoyage de array Javascript compliquées. Souvent la source d’innombrables bugs, ennuyeux à trouver et à corriger.

4. Comment évaluer des expressions dans une «String»

Il n’est pas rare, surtout lorsqu’il s’agit de formater des « String », de valoriser des expressions directement à l’intérieur de celles-ci. Je vais t’expliquer. Comme vous le savez bien, les « String » sont également des types de données qui ne peuvent pas être modifiés sauf en créant une autre « String » qui est le résultat d’un traitement effectué sur la « String » parent. Oui je sais. Peut-être que vous n’avez jamais remarqué. Mais les chaînes que vous obtenez, lors du traitement du code, sont toutes des chaînes obtenues d’autres personnes. Mais la « String » principale, c’est-à-dire celle que vous avez traitée, n’a jamais changé. Ainsi, chaque fois que vous êtes sur le point de formater ou de créer une chaîne contenant des valeurs, lors de l’exécution, ce sont des chaînes créées en concaténant et en convertissant ces valeurs en « String », en d’autres « String » jusqu’à former la dernière à imprimer à l’écran. Je ne vous nierai pas qu’une opération de ce type est très ennuyeuse et problématique. De plus, toutes les opérations doivent être effectuées au moment de l’exécution avec un énorme gaspillage de ressources CPU et RAM.

En Javascript, il est possible de formater des « String », d’améliorer le contenu directement à l’intérieur, de gagner du temps et d’obtenir un code plus propre sans. Soit dit en passant, sans erreur. Disons tout de suite qu’une opération comme celle-ci:

Const name = "Steve Jobs";
document.write("Bienvenue "+name);

peut être transformé en une opération plus simple et plus compacte comme celle-ci:

const name = "Steve Jobs";
document.write(`Bienvenue ${name}`);

Notez que la chaîne, dans ce cas, doit être entourée de guillemets simples code ASCII 96. Et pas les guillemets simples conventionnels du code ASCII 39.

Comme vous le voyez, il n’y a pas d’opération de concaténation et de conversion de données. La « String » est unique et le «name» La variable est évaluée directement dans la « string ».

Améliorer les expressions en Javascript
Améliorer les expressions en Javascript

Lire la Suite: « Problème WordPress? Le votre site web est bloqué? »


Administrateur réseau et développeur. Après des années d'expérience dans l'industrie, j'ai conçu un système de gestion de données MYSQL en PHP sans écrire une seule ligne de code. En savoir plus....

x