Utilisation En Javascript

| | | | | | | | |

JavaScript est un langage de programmation utilisé pour créer du contenu dynamique sur des sites Web.

Prenez un moment pour réfléchir aux fonctionnalités Web que vous utilisez au quotidien. Pensez à la façon dont le nouveau contenu se charge lorsque vous continuez à faire défiler sur Twitter ou à la façon dont YouTube se met à jour lorsque vous cliquez sur le bouton J`aime. C`est JavaScript au travail. JavaScript peut être utilisé pour créer des formulaires interactifs, animer des images, créer des éléments réactifs et bien plus encore pour répondre à vos besoins

Lors de la création d`un site Web, vous utiliserez trois technologies Web principales. HTML, CSS et JavaScript. Vous utiliserez HTML pour déterminer la structure d`une page Web et CSS pour contrôler l`apparence d`une page Web . JavaScript est le troisième élément de développement Web que vous pouvez utiliser pour rendre votre site dynamique.

Et ce n`est pas tout ce que JavaScript peut faire. Si vous souhaitez créer plusieurs pages Web statiques, nous vous recommandons d`utiliser JS. Mais JavaScript peut également être utilisé dans le développement Web back-end, ou pour développer des jeux ou pour créer des applications mobiles.

Dans ce guide, nous allons passer en revue certaines - certaines des opérations les plus courantes que vous pourriez rencontrer dans l`apprentissage de JavaScript. Nous aborderons les bases de JavaScript, y compris les sous-chaînes, le code de test à l`aide de blocs try ... catch , l`utilisation d`instructions if, etc. Après avoir couvert les bases, nous explorerons également certaines fonctionnalités JavaScript plus avancées.

Si vous débutez avec JavaScript et recherchez un didacticiel d`introduction, ne cherchez pas plus loin que ce guide ! Commençons par explorer certaines des opérations les plus courantes en JavaScript.

Filtrer et réduire JavaScript

Lorsque vous travaillez avec un tableau en JavaScript, vous pouvez filtrer vos objets ou effectuer un calcul sur tous les éléments. à l`intérieur de la matrice. C`est là que les fonctions filter () et reduce () entrent en jeu, respectivement.

Filter () La fonction peut être utilisée pour obtenir des valeurs qui répondent à des critères particuliers à partir d`un tableau. Voici un exemple de fonction de filtrage qui renvoie tous les élèves 1ère année :

La méthode

reduce() peut être utilisée pour réduire un tableau à une seule valeur. Par exemple, si nous voulons obtenir l`âge total des élèves d`une classe, nous pourrions utiliser ce code :

Consultez notre guide complet de ces fonctions pour plus d`informations sur leur fonctionnement et leur utilisation dans votre code.

La chaîne JavaScript contient

les chaînes sont utilisées dans la programmation pour l`affichage r et avec du texte. Lorsque vous travaillez avec une chaîne, vous pouvez vérifier si cette chaîne contient une certaine valeur ou non. Par exemple, vous pouvez vérifier si le nom de quelqu`un contient Jones ou non.

Vous pouvez utiliser le comprend () intégré en JavaScript pour vérifier si une chaîne contient une sous-chaîne. Voici un exemple de la méthode include() utilisée pour vérifier si une chaîne contient une sous-chaîne :

JavaScript Split and Slice

Souvent, vous pouvez avoir une chaîne que vous souhaitez diviser en une sous-chaîne ou un tableau. Pour cela, vous pouvez utiliser les fonctions JavaScript split() et slice()

la fonction split () vous permet de diviser une chaîne en un tableau. Par exemple, si vous souhaitez convertir le nom complet d`un utilisateur en un tableau de chaînes, vous pouvez utiliser le. split() function Voici un exemple de split() en action :

slice () renvoie tous les caractères entre deux numéros d`index dans une chaîne, vous permettant de créer une sous-chaîne Voici un exemple de tranche en action.

Le code JavaScript splice () peut être utilisé pour ajouter ou supprimer un élément de n`importe quelle position dans un tableau. Par exemple, si vous avez une liste de noms d`employés et que vous souhaitez supprimer le second de la liste, vous pouvez utiliser splice ().

Voici un exemple de splice () utilisé pour supprimer le nom Paul, qui a la valeur d`index 3 , d`un tableau :

Sous-chaîne JavaScript

La méthode JavaScript substring ( ) vous permet d`extraire des parties d`une chaîne et d`y créer une sous-chaîne. Par exemple, si vous souhaitez obtenir les deux derniers caractères du nom de quelqu`un, vous pouvez utiliser la sous-chaîne ().

Voici un exemple de sous-chaîne utilisée pour supprimer le premier deux caractères d`une chaîne :

JavaScript Try Catch

Chaque développeur fait des erreurs lorsqu`il code et c`est très important de s`assurer que si une erreur apparaît, elle est traitée de manière appropriée. Les blocs try/catch sont utilisés en JavaScript pour les erreurs de gestion.

Lorsqu`un bloc try/catch est utilisé, le code s`exécute et renvoie une réponse personnalisée si une erreur est détectée dans le code. Voici un exemple de procédure try/capture en action :

JavaScript If Else

Les instructions conditionnelles sont utilisées lorsque vous souhaitez que votre code s`exécute uniquement lorsqu`un certain nombre de critères sont remplis. Par exemple, vous pouvez souhaiter que votre programme imprime le nom d`utilisateur s`il est entré dans un nom valide et renvoie un message à l`utilisateur dans le navigateur Web si son nom n`est pas valide.

Le L`instruction if / else peut être utilisée pour exécuter un certain code si une instruction est vraie et pour exécuter un autre bloc de code si une instruction est fausse. Voici la syntaxe d`une déclaration if / else :

Remplacer la chaîne JavaScript

la Le code JavaScript < the> replace () peut être utilisé pour remplacer certains caractères - ou séquences de caractères - dans une chaîne de texte. Par exemple, vous pouvez utiliser replace () pour remplacer l`adresse e-mail de chaque occurrence d`un utilisateur par une chaîne si l`utilisateur a changé son adresse e-mail

Voici un exemple de la façon dont vous pouvez utiliser replace () en JavaScript pour remplacer le texte :

JavaScript onclick

Lorsque vous créez une page Web, vous souhaiterez peut-être qu`un élément fasse quelque chose lorsqu`un utilisateur clique dessus. Par exemple, vous pouvez permettre à un utilisateur de recevoir un message s`il clique sur un bouton ou une image pour l`agrandir est cliqué. C`est là qu`intervient la fonction onclick().

onclick () vous permet de créer une page Web interactive de sorte que si un utilisateur clique sur un élément, quelque chose se passera. Lisez notre guide sur l`événement onclick () pour en savoir plus sur son fonctionnement et sur la façon dont vous pouvez l`utiliser dans votre code.

Tableau de tri JavaScript

Lorsque vous travaillez avec un tableau, vous pouvez décider de trier le tableau d`une manière spéciale. Par exemple, vous pouvez trier une liste de noms par ordre alphabétique ou une liste de votes par ordre croissant.

La fonction JavaScript sort () peut être utilisée pour organiser un tableau dans un ordre particulier façon. Voici un exemple de la fonction de tri () utilisée pour trier un tableau de noms d`élèves par ordre alphabétique :

La fonction tri () peut également être utilisée pour effectuer un tri avancé si vous définissez une fonction personnalisée dans le genre

Ternaire de l`opérateur JavaScript

Les opérateurs ternaires JavaScript sont if ... else qui contrôle si une condition est remplie et exécute un bloc de code. Par exemple, si vous voulez vérifier s`ils ont plus de 18 ans et false un âge de l`utilisateur et retourner true s`ils ont moins de 18 ans, vous pouvez utiliser un opérateur ternaire.

Les opérateurs ternaires sont souvent utilisés à la place du simple if ... else car ils sont compacts et sur une seule ligne.

Voici la syntaxe d`un opérateur ternaire en JavaScript :

JavaScript forEach

Lors de la programmation en JavaScript, vous pouvez parcourir tous les éléments d`une liste. Par exemple, vous pouvez avoir une liste de noms de fournisseurs que vous souhaitez imprimer pour l`utilisateur. Vous pouvez utiliser la boucle forEach pour créer cette fonction

La boucle forEach est une forme de boucle qui exécute une fonction une fois sur chaque élément d`un tableau. Voici la syntaxe d`une instruction forEach qui parcourt une liste d`entreprises et imprime chacune sur une nouvelle ligne :

Fonctions JavaScript

Fonctions faisant partie de la plupart des langages de programmation , vous permettent d`écrire du code une fois par processus et d`utiliser ce code plusieurs fois dans votre programme.

Par exemple, si vous avez un bloc de code qui vérifie si un champ de formulaire est valide, vous voudrez peut-être en faire une fonction, je n`ai donc pas à répéter un bloc de code pour chaque formulaire de champ sur une page Web. <

p> Voici un exemple de fonction JavaScript :

En soi, notre fonction ne fait rien, mais lorsqu`elle est appelée, la fonction affichera Google sur la console. Pour appeler notre fonction, nous utilisons le code suivant :

JavaScript Soit

Le mot clé JavaScript let permet de déclarer un champ de bloc, une variable locale qui peut être réaffectée. Contrairement aux variables var, les variables let ne sont accessibles que dans un bloc de code donné, mais peuvent être réaffectées en tant que variables var.

Déclarer une variable en utilisant let fonctionne de la même manière que var :

Lisez notre article complet sur JavaScript let pour connaître les différences entre var, const et let, ainsi que comment les utiliser tous correctement.

Tableau JavaScript Press

Lorsque vous travaillez avec un tableau,vous pouvez ajouter un élément à ce tableau. C`est là qu`intervient le JavaScript push (). Vous pouvez utiliser push () pour ajouter un élément à la fin d`un tableau. Voici un exemple de méthode push() utilisée :

Sortie :

Vous pouvez également utiliser unshift () pour ajouter un élément à partir d`un tableau. unshift () fonctionne de la même manière que push () et accepte le même argument.

Conclusion

JavaScript est un outil de programmation langage utilisé pour créer des pages Web dynamiques. Dans ce guide, nous avons discuté de certaines - certaines des opérations JavaScript les plus courantes utilisées par les débutants. Nous avons tout couvert, de onClick au remplacement de chaîne, en coupant les données pour répondre à vos besoins.

Ce manuel n`est cependant pas réservé aux débutants. Au fur et à mesure que vous poursuivez votre voyage d`apprentissage de JavaScript, vous devriez revenir à ce guide et l`utiliser pour vous aider si vous vous perdez. Nous garderons cet article à jour afin que si vous avez une question sur une opération JavaScript courante, vous Je le trouverai probablement ici.

Nous espérons que cet article vous a aidé à résoudre le problème. Outre Utilisation En Javascript, consultez d'autres sujets liés à exp.

Vous voulez exceller en Python? Consultez notre examen des meilleurs cours en ligne Python 2022. Si vous êtes intéressé par la science des données, découvrez également comment apprendre la programmation en R.

Au fait, ce matériel est également disponible dans d'autres langues:



Frank Chamberlet

Munchen | 2022-11-30

Merci de m'avoir expliqué ! J'étais coincé avec le Utilisation En Javascript pendant quelques heures, j'ai finalement réussi à le faire 🤗. Je reviendrai demain avec des commentaires

Xu Lehnman

California | 2022-11-30

Je me préparais pour mon entretien de codage, merci de clarifier ceci - Utilisation En Javascript en Python n'est pas le plus simple. Je vais l'utiliser dans ma thèse de licence

Frank Galleotti

Singapore | 2022-11-30

split est tout un peu confus 😭 Utilisation En Javascript n'est pas le seul problème que j'ai rencontré. J'espère juste que ça n'émergera plus

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

Common xlabel/ylabel for matplotlib subplots

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

12 answers

NUMPYNUMPY

Flake8: Ignore specific warning for entire file

12 answers

NUMPYNUMPY

glob exclude pattern

12 answers

NUMPYNUMPY

How to avoid HTTP error 429 (Too Many Requests) python

12 answers

NUMPYNUMPY

Python CSV error: line contains NULL byte

12 answers

NUMPYNUMPY

csv.Error: iterator should return strings, not bytes

12 answers

News


Wiki

Python | How to copy data from one Excel sheet to another

Common xlabel/ylabel for matplotlib subplots

Check if one list is a subset of another in Python

sin

How to specify multiple return types using type-hints

exp

Printing words vertically in Python

exp

Python Extract words from a given string

Cyclic redundancy check in Python

Finding mean, median, mode in Python without libraries

cos

Python add suffix / add prefix to strings in a list

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

Python - Move item to the end of the list

Python - Print list vertically