Guide des débutants Javascript [2024]

1. Introduction: Bienvenue dans le cours certifié JavaScript. Dans ce cours, nous commencerons par le niveau de base. Vous apprendrez le langage de programmation, JavaScript, qui rend les pages Web vivantes et nous deviendrons pratiquement peu pratiques. Je ne vais pas plonger dans la théorie du JavaScript car on peut lire ça n'importe où. Nous allons commencer directement, nous installerons notre environnement et installerons les extensions requises et commencerons la programmation avec Java Script. Mon nom est assez nouveau et je vais vous apprendre Java Script et comment développez-vous avec lui. J'ai enseigné à des milliers d'étudiants dans des cours hors ligne et en ligne. Pour cela, commençons par le JavaScript. Je vais commencer par une présentation très simple dans laquelle j'expliquerai ce qu'est JavaScript. Et nous verrons un exemple concret, comment JavaScript rend les sites Web vivants. Ce cours est donc créé pour être un développeur certifié. Ainsi, à la fin de ce cours, vous aurez le niveau de base en tant que développeur certifié pour débuter chez un junior dans n'importe quelle entreprise. Donc, si vous connaissez déjà le HTML et le CSS, vous êtes prêt à commencer par JavaScript. Ainsi, comme nous le verrons ici, nous allons apprendre un JavaScript qui donne vie aux pages Web. En d'autres termes, JavaScript est un langage de programmation et vous pouvez écrire des programmes avec ce langage. Mais ces programmes appelés scripts, ils ne sont pas appelés comme des programmes comme nous le savons, comme en Java ou en C Sharp ou dans n'importe quel autre langage de programmation, nous écrivons ici des scripts. Il faut donc apprendre ce mot. Donc quand je vous dis, ok, bon pour moi un script, cela signifie que vous pouvez écrire un petit programme avec JavaScript. Et aussi ce programme qu'ils peuvent être écrits directement sur les pages Web HTML et s'exécutent automatiquement lorsque vous chargez la page. Ainsi, lorsque vous ouvrez n'importe quelle page Web, vous verrez comme certains d'entre vous devant vous, ce qui est HTML et CSS. Et vous verrez un mouvement ou une animation ou, par exemple, une inscription à un formulaire à consulter. Cela signifie donc que ces JavaScript gèrent toutes ces opérations qui peuvent être effectuées et interagissent avec la page entre l'utilisateur et le serveur. Ainsi, vous n'avez pas besoin d'une préparation spéciale pour la compilation pour exécuter l'application ou exécuter une application JavaScript. Pour cela, voyons quelques exemples en direct. J'ai préparé quelques exemples en direct. Par exemple, celui-ci. Nous avons donc ici une bibliothèque appelée épissage. Il s'agit d'une bibliothèque JavaScript qui fonctionne comme une diapositive. Ainsi, comme vous le voyez ici, si je n'ai que du HTML et du CSS et clique sur ces flèches, je n'aurai aucune interaction. Mais quand j'ajoute du code JavaScript à ces pages ou à ces éléments dans le HTML et le CSS. J'ai cette animation, donc j'ai un curseur où je peux afficher des informations aux utilisateurs, comme n'importe quel site Web. C'est donc l'un des exemples de JavaScript. Et aussi, si vous voyez ici que nous pouvons créer des galeries d'images. Ainsi, lorsque l'utilisateur vient cliquer quelque part, il peut voir une image ou une image plus grande de ce qu'il a cliqué. L'utilisateur interagit donc avec la page, et cette interaction vient du JavaScript. JavaScript est donc littéralement responsable de l'interaction entre l'utilisateur et la page. De plus, lorsque je veux poster un formulaire, une adresse e-mail, un mot de passe et toute cette interaction, je voulais ce livre, mettre ces données et cliquer sur, connecter sur ce bouton en cliquant sur ce qui va se passer ? Je vais envoyer mes données au serveur et ces données seront stockées quelque part. Je ne peux donc pas me perdre dans ce forum, par exemple, sur ce forum ou sur cette boutique. Dans ce cas, toute cette interaction de l'utilisateur, qui va se produire sur la page Web, est gérée par JavaScript. s'agit simplement de JavaScript, donc vous n'avez pas à remplir votre cerveau avec beaucoup d'idées et de nombreuses introductions. Prenons cette introduction comme une base de notre cours et nous continuerons étape par étape à apprendre comment faire en sorte que les programmes interagissent avec le HTML et le CSS des pages Web. 2. JavaScript est pour tout aujourd'hui: Aujourd'hui, le script Java n'est pas uniquement utilisé pour développer un site Web ou interagir avec l'utilisateur et les pages Web. Sachez, c'est surtout utilisé pour tout. Je dis que ça aime littéralement tout. Parce que, par exemple, vous pouvez créer une application serveur et une application mobile, comme nous le verrons plus loin. Mais ce qui fait de cette langue est aujourd'hui très unique. Il a une intégration complète avec HTML et CSS. Donc, vous n'avez pas à vous soucier, Ok, j'ai besoin d'installer quelques extras pour les intégrer au HTML et au CSS. Non, JavaScript fonctionne directement avec HTML, CSS avec de nombreuses fonctions et de nombreux commentaires que vous pouvez modifier dans la structure du HTML et du CSS. De plus, des choses simples sont faites simplement ce que cela signifie. Cela signifie que JavaScript possède des méthodes déjà définies dans lesquelles cela vous facilite la vie afin que vous puissiez créer des tableaux, créer des objets. Bien sûr, vous ne savez pas de quoi je parle, mais toutes ces informations sont couvertes dans cette langue. Cela vous facilite donc la création de choses simples avec ce langage simple. Et la partie la plus importante que tous les navigateurs tels que FileZilla, Google Chrome et Internet Explorer ou Microsoft Edge. Tous s'entendent ensemble pour adapter cette langue pour qu'elle soit diffusée sur les pages Web. Par conséquent, tous les navigateurs prennent en charge ou prennent en charge cette langue, et ils activent JavaScript par défaut. Ainsi, JavaScript est la seule technologie de navigateur qui combine ces trois éléments. Pour cela, JavaScript permet également de créer des serveurs, de créer des applications mobiles et des applications Web. Par exemple, il existe des frameworks qui sont écrits ou qui prennent en charge le langage JavaScript pour atteindre des objectifs différents. Par exemple, je peux créer une application serveur dans laquelle je communique avec la base de données, saisit des données de la base de données et les envoie vers le frontal ou vers la page Web où l'utilisateur peut voir ces données. Pour cela, nous utilisions normalement certains langages de serveur comme PHP ou Dotnet, ou d'autres langages de programmation vraiment spécialisés pour le serveur. Mais maintenant, avec JavaScript, vous pouvez écrire une syntaxe JavaScript et créer une application serveur, ce qui est génial. De plus, vous pouvez même créer des applications mobiles à l'aide de JavaScript. L'application mobile fonctionne donc sur Apple et sur Android. Ainsi, lorsque vous écrivez également JavaScript, vous aurez une application fonctionnant sur iOS et sur un téléphone Android. Et la technologie ou le framework qui est construit sur JavaScript pour cela s'appelle React Native. Vous pouvez également créer des applications Web d'une seule page. Par exemple, mieux avoir une installation pour une application comme on peut dire, vous devez l'installer sur tous les PC. Vous pouvez créer quelque chose appelé application Web et cette application Web que tous les clients ou tous les utilisateurs de cette application, et ils peuvent l'ouvrir via un navigateur, puis travailler avec elle. C'est ce qu'on appelle une application Web et un framework célèbre pour cela s'appelle angulaire. Comme vous le voyez, tout cela est écrit ou vous pouvez écrire avec JavaScript pour obtenir une cible spécifique. Donc, vous voyez que JavaScript est maintenant tout fait pour vous de nos jours. Application serveur utilisant Node.JS, application mobile utilisant React Native, ainsi que des applications Web utilisant Angular ou React. Et bien sûr, je n'ai pas mentionné tous les cadres ici. J'ai mentionné le plus ou le plus grand battage médiatique. Nous pouvons dire des cadres pour le faire avec JavaScript. Mais bien sûr, il existe de plus en plus de cadres. Vous pouvez les faire et les utiliser. Donc, pour passer à l'étape suivante avec Java Script, vous pouvez, après ces cours comme le niveau de base, au niveau avancé, vous pouvez les déplacer vers un serveur, puis vous pouvez faire ou choisir un framework d'application Web ou application mobile. Ainsi, vous serez un développeur complet avec un langage de programmation appelé JavaScript. 3. Créer un environnement: En écrivant un code ou un langage de programmation, vous avez besoin d'un éditeur. Bien sûr, vous pouvez utiliser un éditeur le plus simple que vous avez dans votre système d'exploitation, tel qu'un bloc-notes ou, par exemple, Ward, ou même n'importe quel éditeur que vous avez installé dans votre système d'exploitation. Mais pour l'année 4, JavaScript, il y a quelques éditeurs qui vous facilitent la vie. Vous pouvez donc disposer de certaines fonctionnalités qui peuvent accélérer votre codage et votre productivité. Jusqu'à présent, je peux commencer par l'éditeur le plus simple que vous allez utiliser. Par exemple, il existe Notepad Plus, Plus. Ce Bloc-notes Plus Plus est un éditeur très simple qui vous a aidé à mettre en évidence certains mots-clés et à ouvrir et fermer les plages de fonctions et de méthodes comme nous le verrons plus tard. Il vous aide également à ouvrir plusieurs fichiers en même temps dans une seule fenêtre. Bien sûr, Notepad Plus, Plus, fonctionne sous Windows, il existe d'autres éditeurs pour Mac. Nous pouvons également les utiliser. Un autre éditeur qui vous rend la vie encore meilleure et plus facile est Visual Studio Code. Visual Studio Code est un éditeur créé par Microsoft et il l'utilise pour créer ou écrire plusieurs langages de programmation dans cet éditeur. Il prend donc en charge non seulement JavaScript ou HTML ou CSS, mais même l'informatique prend en charge Python, il est sombre, le support informatique flotter est le support. Beaucoup de langages basés sur les extensions que vous installez également dans cet éditeur. Il existe plusieurs autres éditeurs. Par exemple, comme un atome. Atom est également un excellent outil pour éditer ou éditer du texte ou même écrire un code dans certains langages de programmation. Il y a aussi un sublime. Il s'agit également d'un outil ou d'un éditeur qui peut organiser votre fichier de façon courante. Il vous aidera à créer les fichiers et les programmes. Et il contient également toutes les mises en surbrillance et la coloration de vos extraits de code. Pour ce cours, nous allons installer Visual Studio Code. Je vais mettre tous les liens de tous ces éditeurs dans ces conférences et vous pourrez installer ce que vous voulez. Mais pour ce cours, nous allons utiliser Visual Studio Code car il possède plusieurs fonctionnalités permettant d'installer des extensions supplémentaires. Nous améliorerons notre codage de productivité, plus encore. Donc, lorsque vous voulez installer, suffit de cliquer sur Télécharger le code Visual Studio et il téléchargera un fichier zip. Et ce fichier zip, vous pouvez l'ouvrir. Bien sûr, sur Mac, il s'agira d'un seul fichier qui conclut l'application elle-même. Et sous Windows, vous aurez également l'installation pour Windows et Linux. Pour Windows, vous aurez donc un fichier EXE. Et ce fichier EXE vous permet d'exécuter le processus d'installation comme n'importe quel programme et vous le serez, ou il sera installé sur votre machine. Après l'installation de Visual Studio Code, nous aurons cette fenêtre. Il s'agit donc de Visual Studio Code. J'ai des projets précédents, je les ai ici récemment, et j'ai aussi quelques ouvertures pour un fichier ou ouvrant un dossier lui-même. Nous verrons plus tard comment créer la structure de dossiers pour un projet JavaScript. Nous allons donc avoir comme le codage dans cet éditeur. Donc pour l'instant, si vous obtenez cette fenêtre, vous êtes prêt à commencer à développer avec JavaScript. 4. Votre premier projet JavaScript: Bon, faisons directement quelques travaux pratiques. Je vais ouvrir un dossier. Donc, si vous avez déjà de l'expérience avec le code Visual Studio, car je suppose que vous avez appris le HTML et le CSS. Je suis donc sûr que vous avez utilisé avant un éditeur appelé Visual Studio Code. Mais si vous ne l'utilisez pas, j'en ai déjà parlé et nous avons maintenant cette fenêtre, je clique sur Ouvrir. Je n'ouvrirai donc pas leur fichier mais un dossier. Ce dossier contiendra donc pour moi la structure du projet JavaScript. Je clique donc sur Ouvrir et j'irai sur mon bureau. J'ai créé ici un dossier appelé cours JavaScript. Et dans ce dossier, nous allons placer notre projet JavaScript ou nos fichiers JavaScript. Je clique donc sur Ouvrir et ouvrir une fenêtre pour moi. Vous avez donc une notification sur le fait que vous faites confiance aux auteurs de ces fichiers dans ce dossier ? Il suffit de dire que oui, j'ai confiance. Nous avons maintenant un dossier vide, mais nous pouvons maintenant créer des fichiers dans ce dossier. Comment créer un fichier ? Vous pouvez donc cliquer sur cette icône ou dire directement un nouveau fichier ici. Mais par exemple, je préfère que vous fermiez cela pour commencer et travailler toujours avec cet explorateur de fichiers. s'agit ici de l'explorateur de fichiers. Vous pouvez donc toujours travailler avec vos fichiers de projet directement dans l'éditeur. Pour cela, je vais créer un fichier. J'appellerai ce point d'index de fichier HTML. C'est un fichier HTML. Il contiendra pour nous le code HTML de notre page Web car comme je vous l'ai dit, nous avons une page Web contenant du HTML et du CSS, et nous allons contrôler cette page et la rendre vivante en utilisant JavaScript. Tout d'abord, nous avons besoin d'un fichier HTML. D'accord ? Ce fichier HTML est vide. Vous ne pouvez pas créer une base de code HTML ou la plaque de cuisson du code HTML en tapant HTML ou dans l'éditeur HTML deux-points cinq. Ainsi, lorsque vous mettez cela, il générera pour vous toute la structure de la plaque chauffante pour une page HTML dans l'éditeur. C'est l'une des fonctionnalités intéressantes intégrées à Visual Studio Code. Pour cela, je suis sûr que vous connaissez déjà cette citation, ce HTML, car HTML est un autre langage conçu pour construire l'apparence et la sensation de notre interface utilisateur de la page Web ou de l'interface utilisateur de la page Web. Voyons donc à quoi ressemble cette page dans le navigateur. Donc tout d'abord, je clique avec le bouton droit de la souris sur ce fichier et je dirai soulager ou révéler dans le Finder ceci, vous le trouverez dans le système Mac ou iOS, mais sous Windows, vous direz Reveal in Exploiter. Donc, lorsque je clique sur ce Reveal dans le Finder, j'aurai, ou il m'ouvrira le localisateur normal ou la fenêtre où se trouve le fichier. Nous double-cliquons, double-cliquez sur ce fichier et il s'ouvrira avec Chrome. Mais si cela ne fonctionne pas, vous pouvez sélectionner Ouvrir avec et avec ouvert avec, vous pouvez sélectionner l'application qui ouvrira ce fichier normalement est un Google Chrome. Vous avez donc besoin pour cela d'un navigateur Google Chrome, que vous pouvez également installer à partir d'un navigateur. Donc n'importe quel navigateur, vous ne pouvez donc pas l'avoir directement et vous pouvez travailler avec JavaScript. Je vous conseille d'utiliser Google Chrome car il dispose d'excellents outils de développement. Nous allons donc déboguer et compiler, lire ou voir les erreurs de JavaScript lorsque nous commettons une erreur dans les outils de développement Google Chrome, je parlerai de tout cela plus tard. J'ouvre donc d'abord la page. Comme vous le voyez ici, nous l'avons maintenant ouvert, mais il est vide. Mettons donc quelque chose dans le corps. Donc, je dirai ici comme H1. Et à l'intérieur de celui-ci, je vais mettre une page JavaScript. Nous pouvons donc dire ici comme une page JavaScript et je retourne à mon document, je vais me rafraîchir, puis j'aurai ici la page JavaScript. Je suis donc rafraîchissant. Je vais vous montrer, ici je me rafraîchis. J'ai donc une page JavaScript. Et pour utiliser les outils de développement que je vous ai dit, vous pouvez cliquer sur ces trois points et vous aurez plus d'outils. Et avec ces autres outils, vous verrez quelque chose appelé Developer Tools. Vous avez un autre moyen d'ouvrir les outils de développement, vous pouvez appuyer sur F2 sur votre clavier ou vous pouvez également cliquer avec le bouton droit de la souris sur cette page ou sur ce texte et cliquer avec le bouton droit ou cliquer sur Inspecter. Ainsi, lorsque vous cliquez sur Inspecter, vous aurez ici les outils de développement. Les outils de développement sont donc inattendus comment nous avons le code de notre HTML et je suis sûr que vous le savez auparavant. Nous allons maintenant travailler avec la source et la console. La console ici va afficher pour nous les résultats JavaScript à l'intérieur de cette console. Ainsi, dans les DevTools, vous verrez quelque chose qui s'appelle une console. Et cette console, elle va contenir pour vous toutes les informations qui sont issues de JavaScript. Donc, lorsque vous voulez imprimer quelque chose ou que vous voulez interagir avec quelque chose comme par exemple, lorsque je veux cliquer sur ce texte, je veux voir du texte ici ou en sortir. C'est comme un outil de débogage. Vous déboguez donc votre code et voyez quelle est la sortie du code JavaScript, comme nous le verrons plus tard. Pour cela, au début, nous ouvrons quelque chose comme ça, puis nous revenons à notre code Visual Studio. Et à l'intérieur de l'étiquette principale, nous allons ajouter le script. Le script, comme je vous l'ai dit, est un programme JavaScript. Comme je vous l'ai dit, tous les programmes écrits avec JavaScript sont appelés script. Pour cela, nous devons ouvrir une nouvelle balise, appelée script. Et dans ce DAG, nous pouvons localiser un code JavaScript. L'un des codes JavaScript , très célèbre, s'appelle journal de points de console. Ainsi, la console, il va chercher des données ou du texte à l'intérieur de la console, qui se trouve dans les DevTools comme je vous l'ai montré auparavant. Donc ici, lorsque j'écris quelque chose dans le journal de la console et que j'actualiserai ma page, je vous verrai le résultat de cela ou de l' exécution du code JavaScript qui est écrit dans ce script. Donc ici, j'aurai un console.log et ensuite je mettrai, par exemple, un projet JavaScript. Et ensuite, nous économiserons. Ensuite, nous irons à nouveau dans nos DevTools et actualiserons la page. Et nous verrons le projet JavaScript et il nous montre d'où vient ce journal de console, de quelle ligne dans quel fichier. Vous voyez donc qu'il vient de index.html online neuf, et la sortie est un projet JavaScript. Nous y voilà. Comme je vous l'ai dit, nous avons du code HTML, qui se trouve à l'intérieur du corps. Et nous avons également un script. Le script est un JavaScript ou la durée de vie de la page qui va interagir avec ce code HTML pour créer des éléments uniques qui interagissent avec le HTML à l'aide de ce petit programme appelé script. Dans le langage JavaScript, journal de console est utilisé pour déboguer notre application pour voir où nous avons des erreurs, où nous avons des erreurs, comme nous le verrons plus tard. Et nous allons développer étape par étape. 5. Créer un fichier JavaScript séparé: C'est toujours agréable de disposer d'un code JavaScript séparé de notre application ou de la page HTML. Pour cela, nous pouvons également découper tout ce code et le placer dans le fichier séparé. Pour cela, vous pouvez créer un autre fichier qui s'appelle, par exemple, index.js, qui contient le JavaScript, il a l'extension dot js. NodeJS signifie donc qu'il s'agit d'un fichier JavaScript. L'éditeur sait donc déjà qu'à l'intérieur de ce fichier il y aura un code JavaScript. Pour cela, j'appuierai sur Entrée. Après avoir créé ce fichier, je déplacerai ce script ou cette ligne de code que j'ai écrite avec JavaScript vers ce fichier. Après l'avoir enregistré et enregistré celui-ci, nous allons recharger notre page et recharger l'application. Lorsque je me rafraîchis, je verrai que je n'ai rien dans le journal de la console. De cette façon, je dois connecter cette page HTML à ce fichier JavaScript. Pour cela, vous pouvez supprimer ce script. Ensuite, vous pouvez à nouveau taper script. Et avec cet éditeur, vous pouvez voir comme un deux-points, SRC, comme une source. Donc, lorsque vous appuyez sur Entrée, vous aurez également comme un attribut appelé source, exemple où se trouve le fichier source de ce script ? Tout simplement, vous dites simplement que index dot js est le fichier où j'ai mon JavaScript. Alors, sauvegardons et revenons à la page et rafraîchissons. Nous verrons le projet JavaScript. Il semble que le fichier index.js de la ligne 1 comporte un code JavaScript. index.js est donc notre code JavaScript pour cette page. Bien sûr, vous pouvez aussi mettre dans le dossier. Donc, lorsque je crée un dossier, par exemple, j'appelle ce dossier comme un JS, et je déplace index.js à l'intérieur de ce dossier. Donc maintenant JS est un dossier contenant index.js et à la racine, j'ai index.html. Après cela, nous verrons que la page ne peut pas voir cette page. Nous pouvons donc avoir des erreurs ici. Donc, il est dit que l'erreur d'obtenir le fichier index.js, le fichier n'a pas été trouvé. Donc parce que j'ai dit ici en priant pour moi, qui est au même niveau que index.html, il y a un fichier appelé index.js, mais en fait, il n'est pas au même niveau que index.html se trouve dans un dossier dans js, et puis j'ai index.js. De cette façon, je peux ajouter ce dossier. Le dossier est donc au même niveau que index.html sur cette route. Nous avons donc ici js puis slash puis index.js. Ainsi, le fichier ou le fichier HTML saura qu'il y a un fichier JavaScript dans le dossier JS. Disons donc encore une fois, revenons sur notre navigateur, rafraîchissez la page. Joli. Nous avons ce dossier. Et lorsque vous cliquez sur ce fichier index.js, vous verrez que le fichier se trouve dans le fichier js ou le dossier JS, puis vous aurez index.html. Nous allons travailler avec tout cet environnement plus tard. Maintenant, nous ne nous soucions que de la console. La façon pratique de classer ou de définir la structure du fichier en javascript est normalement, ou ce que font les développeurs est normalement comme si nous avions un dossier appelé « assets ». Ainsi, dans ces ressources, vous pouvez ajouter vos images, scripts ou fichiers CSS. Donc à l'intérieur de ces paramètres, je vais mettre le dossier JS et vous pouvez aussi avoir un autre dossier qui s'appelle CSS. Et dans le CSS, vous pouvez mettre vos styles. Pour cela, le fichier index.js se trouve dans le dossier JS, qui se trouve à l'intérieur des ressources. Ainsi, j'ai dû ajouter ici un autre niveau appelé assets, qui est le dossier qui se trouve au-dessus du js. Par conséquent, si vous remarquez que Visual Studio Code vous offre également une fonctionnalité lorsque vous tapez un dossier et que vous mettez une barre oblique, elle navigue ou continue automatiquement. Quel est le dossier suivant ? Le dossier suivant pour moi est js. Ainsi, lorsque je mets ds et que j'appuie sur Entrée, il est automatiquement ajouté. Et puis il me donne la prochaine édition, qui est le fichier dans le dossier JS. Le fichier est index.js. Nous n'avons que ce dossier. J'appuie sur Entrée et il sera ajouté dans mon projet ou dans ma page HTML. Pour cela, nous avons un dossier, des ressources et index.html. Ainsi, lorsque nous allons à nouveau dans le navigateur, actualisez et nous verrons que le projet JavaScript est dans la console et que notre page fonctionne bien. Ainsi, nous sommes prêts à écrire un code JavaScript et nous pouvons également créer plusieurs fichiers, comme nous le verrons plus loin sur JavaScript. 6. Nommer des fichiers JavaScript: Dans cette conférence, nous allons voir comment nommer les fichiers de JavaScript. Il existe de nombreuses conventions de dénomination et de nombreuses règles de dénomination que nous pouvons suivre pour nommer nos fichiers JavaScript. Surtout dans le cas où le fichier se compose de deux mots, comme par exemple, je dirai index JavaScript ou indexer quelque chose. Je vais vous montrer une diapositive. Où sont les conventions de dénomination, que les développeurs ont accepté de suivre ensemble pour nommer les fichiers JavaScript. Il existe plusieurs conventions de dénomination. Le premier s'appelle CamelCase. Camelcase, comme vous voyez que nous avons la première lettre du premier mot est dans la petite lettre, puis elle a la majuscule du deuxième mot. Comme vous le voyez ici, deux mots, et le second a une majuscule. C'est ce qu'on appelle CamelCase. Il existe une autre convention de dénomination appelée cas Pascal, où la première lettre de chaque mot est majuscule. Et c'est aussi une affaire K-Pop. regard K-pop est séparé entre les mots avec un tiret et tous les mots sont écrits en petites lettres. Il y a aussi un cas de serpent, qui combine tous ces éléments ensemble, mais avec une séparation de soulignement entre les mots. Nous avons donc ici une affaire Pascal Snake. Ainsi, comme vous le voyez, la majuscule de chaque mot, mais ils sont séparés par un trait de soulignement. Et il y a aussi ici que, par exemple, affaire Kip up Snake. Cela a donc abandonné le regard de serpent. Au lieu de tiret, nous avons ici un soulignement. Ainsi, vous pouvez nommer vos fichiers dans ces conventions ou sur ces conventions de dénomination. Pour moi, dans les projets JavaScript simples, utiliser le regard K-Pop pour nommer les fichiers. Ainsi, comme vous l'avez vu ici, lorsque vous accédez à notre code Visual Studio et que nous créons un fichier en tant que fichier, j'utilise toujours des petites lettres et je sépare les mots avec un tiret. 7. Structure des codes: La première déclaration de JavaScript, que nous avons vue, est console.log. Et cette déclaration vous permet d'écrire autant que vous le souhaitez de ces instructions dans votre code. Par exemple, je vais avoir ici le projet JavaScript du journal de console. Vous avez un projet ASCII. Je peux avoir ces commentaires autant ou autant que je le veux. Cette déclaration. Ils peuvent être séparés par un point-virgule comme vous le voyez ici. Ainsi, j'aurai ce journal de console 3 fois lorsque j'actualiserai ma page comme vous le voyez ici. Mais maintenant, vous pouvez, en tant que structure de code, placer ces instructions les unes près des autres sur la même ligne, mais vous devez toujours avoir un point-virgule. Sinon, s'il se trouve sur la même ligne, vous obtiendrez une erreur. Parce que cela va penser que console.log a un reste de leurs commentaires, arrestation de code, quelque chose comme JavaScript ne peut pas reconnaître. Nous ne pouvons donc pas dire que la nouvelle ligne en JavaScript est égale à un point-virgule car ce code, comme vous le voyez ici, fonctionnera correctement sans problème. Mais quand je retire le point-virgule, j'obtiendrai une erreur. Donc, quand je les mets tous dans la ligne différente, je n'aurai aucun problème non plus, sorte que les instructions normalement en JavaScript, nous les séparons par ligne. Et ce serait toujours bien d'avoir comme le point-virgule de notre code, comme je l'ai dit, que cette déclaration soit terminée. Et maintenant, que faire si je fais ça ? Je vais donc avoir une nouvelle ligne ici, puis enregistrer mon code et le rafraîchir. Nous verrons que le code fonctionne toujours. Cela est dû au fait que cela signifie également que la nouvelle ligne ne signifie pas que la fin de l'instruction est terminée. C'est pourquoi JavaScript considère parfois qu'il s'agit d'une déclaration ou d'un bloc. C'est pourquoi je vous ai dit qu'il était toujours agréable d'utiliser le point-virgule pour mettre fin à la déclaration. Et nous pouvons rendre le code plus lisible lorsque nous allons construire plusieurs blocs de code, nous saurons ce que cela signifie. Parfois, nous aurons beaucoup d'opérateurs dans certaines fonctions. C'est ce que j'appelle ça la fonction d'ailleurs. Cette fonction va donc avoir plusieurs paramètres. Il s'agit d'un paramètre au fait. De cette façon, je vais avoir plusieurs paramètres et je souhaite mettre ces paramètres sur plusieurs lignes. C'est ce que nous verrons à l'avenir lorsque nous progresserons dans le cours. Mais pour l'instant, comprenons ça comme ça. chaque commentaire, je vais le mettre dans une nouvelle ligne. De cette façon, j'aurai une nouvelle ligne pour chaque commentaire. Peu importe la façon dont le point-virgule contient des espaces vides entre la commande et le point-virgule lui-même. De plus, peu importe le nombre de lignes entre les commentaires. En outre, il n'y a aucun problème ou aucun problème sur le nombre d'onglets ou d'espaces dont vous avez une itération ou que vous avez déplacé le texte ou l'instruction loin de l'instruction précédente. Tout cela fonctionnera toujours tant que nous ne commettons pas d'erreurs syntaxiques. Il y a des outils qui font le formatage de JavaScript pour moi. Par exemple, si j'ai plusieurs espaces ici, lorsque j'enregistre le fichier et cela supprimera cet espace et supprimera également ces onglets en fonction des besoins ou de la syntaxe de JavaScript. Nous le verrons lors de la prochaine conférence. 8. Ajouter des extensions pour accélérer la productivité du codage: Comme je vous l'ai dit, nous avons installé Visual Studio Code car nous sommes en mesure d'installer des extensions ou des plugins qui améliorent notre productivité. Pour installer des extensions avec du code Visual Studio, il suffit de cliquer sur cette icône ici. Ensuite, lorsque vous êtes connecté à Internet, vous obtiendrez la liste des extensions suggérées. Les extensions dont nous avons besoin pour notre cours sont donc notre R2. Donc, le premier est appelé plus joli. Cette plaque ici va donc formater pour nous le code en fonction d'une configuration que nous faisons. Donc, si vous vous souvenez, je vous ai dit que si je mettais ici plusieurs points-virgules et que je multe plusieurs onglets, il formatera le code lorsque j'appuierai sur Enregistrer, puis il le rendra plus beau et plus aligné en fonction de la syntaxe JavaScript. Donc, pour cela, installons ce plus joli. Donc, ce plus joli, c'est ce qu'on appelle du code plus joli pour la matière. Ensuite, vous cliquez sur Installer, puis cela va être installé sur votre machine. Il y a des instructions qui vont de plus jolies. Pour cela, nous devons également effectuer toutes ces configurations pour que notre code soit formaté correctement. Fermons donc cette fenêtre et revenons à notre dossier. Comme vous le voyez année, nous avons apporté quelques changements et j'ai besoin qu'ils soient formatés en fonction d'un plugin plus joli. Donc, lorsque nous allons ici à la liste des fichiers qui est proche, tout a fermé l'extension. Je vais formater ce document. Il existe plusieurs façons de formater ce document qui est au format sur Enregistrer, comme par exemple, lorsque j'appuie sur leur menu, je verrai ici dans la liste des fichiers que j'ai Enregistrer sous ou lorsque j'enregistre un fichier en général, je le ferai formater comme lorsque j'appuie sur Control S. Il existe également un format manuel, comme lorsque vous n'avez pas besoin d'enregistrer ou de formater sur Enregistrer, vous devez le configurer dans Visual Studio Code, comme je vous le montrerai plus tard. Tout d'abord, si vous souhaitez formater ce document, vous devez appuyer sur Ctrl Maj et ressembler à l'impression. Ainsi, vous obtiendrez cette fenêtre de commande. Cette fenêtre de commandes comporte plusieurs commandes que vous pouvez exécuter. L'un d'entre eux est Format document. Lorsque vous ne le trouvez pas, il suffit de le taper et vous trouverez le format du document. Lorsque vous appuyez sur ce document Format, il vous permet de formater ce document à l'aide de l'extension par défaut. L'extension que nous avons installée est plus jolie. Plus joli va formater pour moi ce document fonction de ce que nous avons configuré dans notre code Visual Studio. Ainsi, lorsque je clique sur Format du document, comme vous le voyez, il est formaté en fonction de la syntaxe JavaScript. En outre, il s'agit de la possibilité de formater sur Enregistrer. Ainsi, lorsque vous appuyez sur le contrôle S, comme lorsque vous enregistrez le fichier, il sera automatiquement formaté à l'aide du plus joli. Si vous ne parvenez pas à effectuer un formatage sur Control S ou à enregistrer, vous n'avez qu'à aller sur, accédez aux paramètres. Ensuite, dans les paramètres ici, vous devez sélectionner ou rechercher quelque chose appelé format sur Enregistrer. Vous devez donc vous assurer que cette case à cocher est activée. Si ce n'est pas le cas, votre fichier ne sera pas formaté lorsque vous l'enregistrez. Pour cela, nous avons installé Grittier et nous activons également l'enregistrement ou le format sur Enregistrer la commande ou la commande de réglage dans le code Visual Studio. Ainsi, je serai en mesure de formater automatiquement mon fichier lorsque j'aurai reçu le code. Et aussi, comme certains gâchis dans la taxe scientifique, comme pas des erreurs, c'est différent. Donc, lorsque vous avez de la masse dans la syntaxe, mais que vous n'avez aucune erreur dans le JavaScript, il n'y a pas de problème, il sera formaté. Mais quand vous avez une erreur ou si, par exemple, je ne vais pas jubiler celle-ci. Donc, quand j'ai ici un format, puis une erreur de format, je vais enregistrer. Et comme vous le voyez, il est enregistré, mais il y a toujours une erreur et le fichier n'est pas formaté. Pour cela, lorsque vous voulez que le format frit du code soit mis en forme, vous devez avoir toute la syntaxe et il n'y a pas d'erreur dans votre code. Pour l'instant, c'est la seule extension dont nous avons besoin pour notre codage dans les niveaux suivants. Après cela, nous allons passer à un flux de programmation et nous verrons comment détecter les erreurs dans JavaScript et nous verrons quelles sont les erreurs que nous devons lire. Quelle est l'erreur de l'analyser ou de le Google, ou de trouver une solution à l'erreur ? 9. Détecter les erreurs: Il existe deux façons de détecter l'erreur de syntaxe en JavaScript. Erreur de syntaxe, je veux dire, lorsque je fais une erreur, comme lorsqu'il y a une erreur dans une fonction, ou s'il me manque des crochets, ou s'il me manque quelques points. Comme nous le verrons plus tard. C'est ce qu'on appelle une erreur de syntaxe. Et l'erreur de syntaxe peut être affichée directement dans le code Visual Studio ou dans la console de Chrome DevTools. Faisons donc une erreur, par exemple, en supprimant l'une de ces parenthèses. Je vais donc retirer celui-ci. Ok, j'ai reçu une erreur qui est en direct et fournie par VS Code et qui dit qu'une parenthèse est attendue. Cela signifie donc qu'il s'attendait à ce que certains comme un autre, la fermeture de celui-ci soient fermés ici avant le point-virgule. C'est donc vivant, par exemple, codage en direct, mais certaines erreurs ne peuvent pas être détectées. Donc, comment les détecter, par exemple, je vais faire une erreur ici. Je dis donc point de console L au lieu de log. Comme vous voyez ce code Visual Studio, ils ne se sont pas totalement plaints. Mais là où je peux voir l'erreur, alors lorsque vous lancez à nouveau l'application ou la page Web , vous verrez à nouveau que vous avez l'erreur dans la console. Donc, lorsque je manipule la page, je verrai que le point L de la console n'est pas une fonction. Cela signifie que le point de console L ou ce L n'est pas une commande, n'est pas , une instruction, n'est pas une fonction qui peut être appelée où car elle n'existe pas en JavaScript. Ainsi, lorsque je le remets et que je l'actualise , l'erreur a disparu. Voyons plus de détails. Ainsi, lorsque je remettrai l'erreur et que je l'actualiserai, nous verrons que la console L n'est pas définie dessus, pas une fonction. Et il vous montre où se trouve exactement cette erreur. C'est donc sur la troisième ligne de mon code. Donc ici, j'ai une ligne trois et c'est ici. Ainsi, lorsque vous souhaitez voir plus de détails, vous pouvez cliquer dessus. Et il vous montrera dans les DevTools exactement le même code qui est écrit ici dans le fichier, ainsi que l'erreur elle-même. Donc l'erreur vous montre qu'il y a une erreur, erreur que le point de console L. Existe-t-il en JavaScript ? C'est pourquoi je détecte cette erreur. En tant que débutants, nous avons assez de connaissances sur la façon de détecter ces erreurs. Nous verrons à l'avenir, comme des erreurs d'exécution ou des erreurs de compilation, qui arrivent à des niveaux plus avancés. Pour l'instant, nous détectons les erreurs JavaScript de cette façon, dans la console ou dans Visual Studio Code. 10. Sensibilité des cas: Ok, parce que nous parlions d'erreurs en JavaScript, avons aussi un autre type d'erreur. J'ai séparé une conférence pour que cela soit plus concentré. La plupart des développeurs ont donc des erreurs ou des fautes de frappe lorsqu'ils tapent un code défini ou prédéfini par JavaScript. Par exemple, cette console est déjà définie. Certaines personnes aiment comme sensibles à la casse, elles essaient de faire, par exemple, celle-ci, comme si la console SI est en majuscule. Ainsi, lorsque vous enregistrez ce fichier, bien sûr VS Code, ils ne se sont pas plaints et que vous exécutez ce code ou actualisez la page, vous obtiendrez une erreur. Cette erreur indique que la console n'est pas définie, il y a donc une casse sensible à la casse en JavaScript. console avec majuscule n'existe donc pas en JavaScript. Il n'existe qu'une petite lettre. La même chose ici. Si je dis me connecter ou me connecter en majuscule, et que j'enregistre, je verrai que le logo n'est pas une fonction, il n'existe pas. Ainsi, nous savons que JavaScript est un langage sensible à la casse. Donc, lorsque vous définissez une fonction ou avez-vous une fonction d'une manière spécifique ? Vous ne pouvez pas changer là-dessus. Vous devez suivre exactement les mêmes commentaires que ceux que je suis fiscaux comme la majuscule ou les petites lettres du fichier pour pouvoir exécuter votre projet ou exécuter votre page Web en fonction du commentaire Javascript. 11. Code et notes commenter: En programmation en général, c'est toujours pour montrer aux autres développeurs, mon code, à quoi il ressemble, donc je dois leur expliquer. Il existe également un moyen d'expliquer certaines fonctions de votre code ou certaines lignes de code aux autres en plaçant des commentaires. Par exemple, disposons ici de journaux de console avec différentes instructions. Je dirai donc ici que, par exemple, je vais définir le journal, le login, comme ici le login ou l'utilisateur correctement connecté. Donc, et ici je dirai login, l'erreur de connexion. L'utilisateur n'a donc pas pu rencontrer d'erreur de connexion. Et ici, consignez l'erreur d'enregistrement. Donc, dans ce cas, je dirai que, par exemple, je suppose que je fais vraiment ces fonctions. Mais maintenant, nous en avons assez avec le journal de la console. Donc maintenant, je veux montrer aux autres développeurs qu'il s'agit de la connexion du verrou, du verrouillage. s'agit de l'erreur de connexion. Il s'agit de consigner l'erreur d'enregistrement. Alors, comment puis-je expliquer quelque part dans le code que c' est une explication de mes prochains commentaires ou de ma prochaine déclaration. C'est pourquoi nous avons formulé les commentaires. Les commentaires dans le code sont la partie du code qui ne sont pas exécutables, exemple lorsque vous avez la syntaxe de leur programme ou celle de la séquence de programme, puis ils vont à ces commentaires, mais à leurs commentaires, pas à la les commentaires sont vides pour cela. Ainsi, le compilateur ne lit aucun commentaire, ne se plaint pas des erreurs dans le commentaire ou tout. Ainsi, vous pouvez définir un commentaire d'une manière ou d'une autre par barre oblique. J'ai donc un commentaire ici et je dirai, Hé, voici le journal, la connexion. De plus, je dis ici, ici, par exemple, le regard en erreur. Je peux donc également copier et coller le commentaire. Et je dis aussi ici l'année, l'erreur d'enregistrement. Dans ce cas, nous aurons ces commentaires pour les développeurs afin qu'ils sachent ce que fait une prochaine ligne. Je m'explique donc aux autres développeurs, explique à mon équipe. Donc, lorsque vous actualisez, vous ne verrez pas ou ne verrez-vous pas tous ces commentaires parce qu'ils ne sont pas exécutés ? Par exemple, si je vais ici et que je mets une barre oblique, ça devient vert. Je ne suis pas en mesure de le voir dans la console, car JavaScript, nous le considérerons comme un commentaire et il ne le lira pas comme un commentaire. Ainsi, lorsque nous sauvegardons et repartons, nous verrons que le premier journal de la console est exécuté, mais le troisième, non, car il n' est pas exécuté, car il s'agit d'un commentaire. C'est également une autre façon de commenter plusieurs lignes de code. Vous pouvez donc mettre ici une barre oblique puis un astérisque. Et puis vous verrez ce trou appelé GOT vert ou non exécutable. Mais lorsque vous voulez fermer ce commentaire sur une ligne, vous devez replacer l'astérisque, puis la barre oblique. Donc, le reste du code qui suit ne reçoit aucun commentaire, puis il peut être exécutable comme un JavaScript normal. Ainsi, vous pouvez vous débarrasser de toute cette barre oblique, oblique pour une seule ligne, mais cela ne fonctionne pas pour plusieurs lignes. Pour faire des commentaires sur plusieurs lignes, vous devez mettre un astérisque oblique, puis vous pouvez le fermer à nouveau. Ainsi, vous définissez plusieurs commentaires de ligne ou des commentaires sur une ligne dans votre code. 12. Comprendre les variables var: La plupart du temps, une application JavaScript doit fonctionner avec des informations. Voici deux exemples. En tant que boutique en ligne, les informations peuvent inclure des marchandises vendues et un panier d'achat ou une application de chat. Les informations peuvent inclure des utilisateurs, des messages et bien plus encore. En d'autres termes, les variables sont utilisées pour stocker les informations, pour stocker les informations de l'utilisateur qui vont dans le flux de l'application de JavaScript ou du script lui-même. Permettez-moi donc de vous donner un exemple. Comme vous le voyez ici sur cette image, nous voyons que la variable, nous pouvons la considérer comme une boîte. Et cette zone porte un nom et ce nom, par exemple, un message. Et dans cette boîte, nous pouvons mettre une valeur comme par exemple, bonjour. Et ensuite, vous pouvez modifier cette valeur en fonction de vos besoins. Par exemple, pour ce message, vous pouvez faire ce que vous voulez. Vous pouvez tout apporter. Vous pouvez effectuer des calculs avec lui, ou vous pouvez l'ajouter à une comparaison. Ou est-ce que vous pouvez, par exemple, présenter sur la page HTML. Au lieu d'utiliser cette valeur Hello, je peux utiliser le nom de la boîte où vous voulez, par exemple, je veux l'utiliser dans une fonction ou dans un objet. Alors maintenant comment traduire cette image en code. Je vais donc accéder à notre fichier JavaScript. Je vais définir une variable appelée message et sa valeur sera bonjour. Alors, comment pouvons-nous faire cela ? abord, vous pouvez utiliser la paroisse ou le mot-clé dans le clip Java, appelé lead. Ainsi, avec LED, vous pouvez définir une variable. Le nom de la boîte est donc message. Vous pouvez donc dire ici que nous définissons le nom de la boîte. Et avec une valeur égale ou avec le clavier, vous pouvez attribuer une valeur à cette zone. Donc, lorsque je veux attribuer une valeur qui est maintenant une chaîne, nous pouvons dire que nous devons avoir une guillemets double ou une seule citation. Normalement, en JavaScript avancé ou en JavaScript moderne, nous n'utilisons que des guillemets simples pour définir les chaînes. Je vais donc dire ici, bonjour. Ainsi, exactement comment nous avons implémenté dans l'image, nous avons une boîte appelée message et à l'intérieur une chaîne Hello. Normalement, ils définissent une variable différemment. Ils peuvent donc dire laisser un message. Et plus tard, ils disent que le message est égal à Bonjour, comme vous le voyez ici. Ainsi, je peux également utiliser cette variable de message de différentes manières. Je peux donc voir votre message bonjour, message Bonjour autant que je veux. Maintenant, je veux utiliser cette variable, alors comment je peux l'utiliser. , en utilisant cette variable, Par exemple, en utilisant cette variable, nous pouvons l'utiliser dans le journal de la console. Je ne peux donc pas dire journal de points de console. Au lieu d'ajouter la chaîne, nous pouvons ajouter la variable elle-même. Je dirai donc ici, message de journal de console. Après cela, nous avons mis un point-virgule pour chaque bout de ligne de vélo. Et nous économisons. Rafraîchissons notre page. Et nous verrons que nous sommes arrivés ici, bonjour, et il vient avec l'indice j est 15. Nous avons donc ici sur la ligne 15, le message ou la boîte que j'ai placée dans la console. Donc si je fais cela, comme si je définis la variable après, comme l'attribution de la chaîne, j'obtiendrai une erreur car ici le message n'est pas encore défini. Le JavaScript va de haut en bas. Quand il va de haut en bas, on dirait qu'il y avait un message ici, mais j'attribue une valeur. Mais ce qu'est un message est quelque chose d'inconnu. Donc, tout d'abord, il recherchera un message de prospect. Donc, lorsque nous sauvegardons et réessayons, j'obtiendrai une erreur comme si je ne peux pas accéder au message avant l'initialisation. Nous devons donc d'abord initialiser le message. Et puis j'obtiendrai la valeur qui lui est attribuée une valeur au message ou à leur boîte. Et puis je peux faire ce que je veux avec cette boîte ou avec cette valeur. 13. Changer la valeur variable: Nous pouvons également modifier la valeur de la variable, comme la valeur de la boîte. Ainsi, comme vous le voyez sur cette photo, je peux lancer cette chaîne bonjour en tant que valeur de la boîte et mettre une autre valeur qui est monde. Donc, de cette façon, bonjour, Nous irons à la poubelle et Ward reviendra dans cette boîte et elle sera stockée là. Donc, comment implémenter cela simplement, nous pouvons assigner avec égal, encore une autre chaîne. Donc je dirai ici, comme un message, et puis au lieu de mettre comme bonjour, je mettrai le monde. Ainsi, le message, nous obtiendrons cette valeur à la fin. Essayons donc de sauvegarder et de rafraîchir. Et nous verrons que nous avons imprimé le monde entier. Où est Hello ? Bonjour est allé à la corbeille après avoir affecté le mot chaîne au message. Ainsi, le journal de la console verra la dernière valeur attribuée à la variable de message. Et oui, parce que le flux JavaScript va de haut en bas. Par conséquent, la dernière valeur attribuée à la boîte ou à la variable de message est monde. C'est pourquoi la console consigne la console ou enregistré la chaîne mondiale dans la console. 14. Constants: Il existe un autre type de stockage de données ou de boîtes en JavaScript qui s'appelle constantes. Les constantes sont différentes des variables que vous ne pouvez pas modifier leurs valeurs après la première initialisation. Donc, de cette façon, je ne peux pas dire bonjour d'abord, puis je fais le monde. Cela va me donner une erreur. Donc, si nous disons qu'au lieu de cela, nous pouvons dire contre pour définir une constante, alors le message prendra cette valeur et vous ne pouvez plus lui attribuer le monde, nous obtiendrons une erreur. Essayons ça maintenant. Comme vous le voyez ici, tout d'abord, nous avons manqué une déclaration incluse dans l'initialiseur. Ainsi, nous ne pouvons pas le faire de cette façon. Nous ne pouvons donc pas dire un message provoqué et passer une autre ligne pour attribuer la valeur. Nous devons le faire directement. irai donc ici et je dirai le message const, constant, le message s'appelle bonjour. Nous pouvons donc mettre ici comme une corde bonjour. Ensuite, nous verrons si nous aurions une erreur ici. Alors, gardons ça. Une fois encore. Comme vous le voyez, nous avons été affectés à une variable constante. Il s'agit d'une erreur de type I, donc vous ne pouvez pas le faire. Je ne peux donc pas attribuer, encore une fois à la boîte de message, une valeur semblable au monde, je ne peux pas modifier cette valeur comme nous l'avions dans la variable ou lorsque nous trouvons une boîte avec une piste. Donc, lorsque nous commentons ici ou quand nous le supprimons. Faisons donc un commentaire. J'ai donc commenté, donc ce code ne sera pas exécuté. Et économisez, rafraîchissez-vous à nouveau. Et nous verrons que nous avons eu Hello sans erreur. Ainsi, la différence entre le plomb et la constante ou la variable et la variable constante, vous pouvez attribuer n'importe quelle valeur et la dernière valeur de celle-ci sera capable, ou vous pourrez travailler avec elle. Mais avec une constante, vous ne pouvez initialiser une valeur qu'une seule fois, mais vous ne pouvez pas la modifier pendant le flux JavaScript. 15. Variables et constantes: Alors, qu'en est-il de nommer les variables ici, nous avons utilisé un mot appelé message. Il y a donc deux limites sur les noms de variables en JavaScript. Tout d'abord, le nom ne doit contenir que des lettres ou des chiffres ou des symboles tels que le dollar et le trait de soulignement. C'est donc un dollar et c'est un soulignement. De cette façon, nous devons définir la variable avec cette seule ou telle limitation. Et la deuxième règle selon laquelle la première lettre ou premier conducteur de la variable ne doit pas être un chiffre. Il ne doit donc pas s'agir d'un numéro, car sinon vous obtiendrez une récompense comme celle-ci. Ce sont donc les règles de nommage des variables et des constantes en JavaScript. Je peux donc dire ici, par exemple, boîte de message, qu'il s'agit d'une variable, ou vous pouvez la définir de cette façon. Boîte à message dollar. Vous avez une liberté totale. Si vous suivez les règles, vous pouvez également utiliser des chiffres ici ou au milieu. Vous pouvez utiliser des chiffres. n'y a donc aucun problème à utiliser des nombres au milieu ou à la fin de la variable. Mais qu'en est-il de la convention de dénomination ? Normalement, si vous vous souvenez, nous avons parlé de camélcase et de garder le regard et aussi l'affaire Pascal. Donc, cette convention de dénomination courante en JavaScript est CamelCase. Je dirai donc ici au lieu de la boîte de message, je n'utiliserai pas, comme nous pouvons le dire ici, le trait de soulignement, qui s'appelle Snake case. Je dirai une boîte de message comme celle-ci. Ainsi, le Case CamelCase, la première lettre, la petite et la première lettre ou le deuxième mot est majuscule. Et bien sûr, je tiens à mentionner que c'est sensible à la casse. Par conséquent, la boîte de message comme celle-ci est différente de la boîte de message, qui est comme celle-ci. On ne peut donc pas dire que ce sont les mêmes, car il y a ici une sensibilité à la casse et que les lettres sont totalement différentes. Ces variables sont donc ces deux constantes différentes. De plus, certains mots sont réservés par JavaScript, donc vous ne pouvez pas utiliser tout cela, tous ces mots réservés. Par exemple, l'un des membres du Conseil de réserve, comme nous le verrons plus loin, est appelé retour. Vous ne pouvez donc pas utiliser ce mot comme variable. De plus, vous ne pouvez pas utiliser de verre ou vous ne pouvez pas utiliser aussi bien la fonction que nous verrons plus tard, car c'est un mot réservé. Nous verrons donc de nombreux mots réservés en JavaScript, que vous ne pouvez pas utiliser comme nom des variables. Donc pour l'instant, il s'agit du cameau et nous pouvons définir les variables avec des règles comme aucun nombre au début, et seuls le score et le signe dollar peuvent être utilisés. 16. Types de données: Une valeur de variable en JavaScript est toujours décentrée et de type. Par exemple, nous pouvons dire qu'il s'agit d'une chaîne parce que nous la définissons comme une chaîne. Ou il peut s'agir d'un chiffre comme un exemple, j'en ai deux ici, 43. Donc, de cette manière, cette constante aura un type comme nombre. Il existe huit types de données de base différents en JavaScript. Nous les couvrirons tous en général dans ce cours, mais nous nous concentrerons sur des sections supplémentaires sur les nombres, par exemple, sur les chaînes et les principaux types importants. Par exemple, nous avons des chiffres. Vous pouvez définir un nombre de cette façon, ou vous pouvez avoir un nombre flottant. Ils sont donc tous définis comme des nombres. Nous parlerons plus en détail des chiffres. De plus, nous avons une chaîne, comme vous le voyez ici, nous définissons également une chaîne. Nous avons des booléens, des booléens qui peuvent être faux ou vrais. Ainsi, nous définissons la variable avec ces deux mots-clés, faux ou vrai. Ainsi, cette constante ou variable aura un type appelé booléen. Il y a le type non défini et le type nul. Nous en parlerons plus en détail dans les prochaines sections. Je peux donc dire ici que j'ai un numéro de boîte de message. Ou on peut dire comme un numéro const. Nous pouvons définir un nombre constant. Et nous pouvons avoir un const booléen. On peut dire booléen comme ça. Et on peut aussi bien avoir une const qu'une corde. Donc ici, nous pouvons avoir const string et j'ai besoin de réparer ça pour être en camel. Nous pouvons donc l'avoir ici, comme si nous l'avions comme une corde. Nous ne pouvons pas avoir les trois types ici. Console les consignons tous. Je consigne le numéro de console, je consigne le booléen, et je consolerai également le journal, la chaîne. Nous pouvons donc avoir ici le journal de la console et nous supprimons cela, nous mettons console ou const string. Rafraîchissons donc la page. Comme vous le voyez, la chaîne est toujours dans DevTools en blanc, mais le numéro a cette couleur violette. Vous pouvez donc distinguer le nombre de cette façon ou s'il s'agit d'une chaîne. Donc, ici, je définit le nombre comme une chaîne, ce n'est pas un nombre. Donc, si vous vous rafraîchissez, vous le verrez comme un blanc, donc c'est une chaîne. Donc, de cette façon, vous devez distinguer. Ce n'est donc pas un nombre, c'est une chaîne car nous avons ces citations. Mais de cette façon, c'est un chiffre. En outre, il existe des fautes de frappe appelées objets. Nous en parlerons plus en détail et nous verrons toutes les opérations les concernant. Mais pour l'instant, pour ne pas rendre les choses plus compliquées, nous en avons assez avec ces trois types : nombre, booléen et chaîne. 17. Integers et numéros flottants: Dans JavaScript moderne, il existe deux types de nombres nombres réguliers et les grands nombres. Les chiffres réguliers sont ceux que nous connaissons déjà. Et il y a aussi les grands nombres, ou on peut les appeler gros entiers. Ces grands entiers avec le R sont livrés avec beaucoup de zéros. Par exemple, j'aurai ici que je peux savoir que par exemple, j'en ai 1 milliard et qu'un milliard viendra avec 900. Cela va implémenter un grand nombre entier jusqu'à présent que vous pouvez également utiliser un grand nombre entier en JavaScript. Et aussi des entiers normaux comme lesquels sont inférieurs, on peut dire 1 milliard. Il s'agit toujours d'entiers normaux ou réguliers. Mais imaginez si vous voulez écrire, par exemple, un milliard. Un milliard vient avec combien de zéros ? Avec neuf zéros. J'aurai donc ici 123123123. De cette façon, je ne comprendrai pas combien de zéros ou mes yeux n'attraperont pas combien de zéros j'ai ici. Donc, une façon de définir un grand nombre est deux, les séparer par un trait de soulignement. De cette façon, il sera conservé sous forme de nombre, mais ils sont plus faciles à lire. Tellement de membres, si vous voyez un trait de soulignement dans le nombre, cela signifie que ce n'est pas une chaîne, mais qu'il reste vraiment en nombre. Et c'est un grand nombre ou il peut aussi s'agir d'un nombre régulier. Essayons donc cet exemple et rafraîchissons notre page. Et nous verrons que nous consoles consigne ce numéro et que le trait de soulignement a été supprimé. Nous avons donc le milliard normalement. La gestion de cette variable en JavaScript sera donc considérée comme un nombre normal, même si nous avions ici sous le score. Mais en tant que développeur, il m'est plus facile de lire ce numéro. Il existe maintenant un autre moyen de définir un nombre ou de définir un nombre avec plusieurs zéros. Par exemple, je prendrai cette constante et je lui donnerai, par exemple, un nom différent. Nous pouvons également appeler cela un milliard. Et ce milliard, ce ne sera pas comme ça, mais nous pouvons le définir d'une manière semblable. Et vous mettez E et ce E définissez le nombre de zéros derrière ou après celui-ci. Donc j'aurai ici 1, e et 0 ou par exemple, alors ce ne sera qu'un seul. Et si je veux 1 milliard, je mettrai neuf zéros. Donc de cette façon, si nous consoles consigne ce numéro également, donc je vais mettre ici cause, nous pouvons consulter le nombre de milliards à bas prix et aussi le nombre de inconvénients non moteurs que nous avions auparavant. Nous pouvons donc voir dans la sortie un milliard, un milliard, et nous verrons cela comme la sortie dans le journal de la console. Donc, quand je me rafraîchis, comme vous le voyez, j'en avais aussi un milliard. Allons en mettre six. Nous allons donc enregistrer et rafraîchir à nouveau. Et nous verrons qu'il s'agit d'un million, comme six zéros. Vous pouvez aussi en mettre ici, par exemple, cinq, puis 56, ça veut dire que j'en aurai 5 millions. De cette façon, je peux définir un nombre. Vous pouvez écrire le numéro normalement sans aucune séparation, comme un trait de soulignement. Ou vous pouvez l'écrire comme avec séparation pour avoir une lecture plus amicale. Et vous pouvez également l'écrire de façon courte, comme nous l'avons ici avec l'E. Donc, si nous mettons ici quel exemple, 5,7 ou 5,56 zéros, que se passera-t-il à votre avis ? Je pense que ce sera, par exemple, 5 millions et 500000. Ici, j'ai mis 5.5 comme numéro flotteur, comme normalement vous vous souvenez que nous avons défini les nombres flottants tels qu'ils sont. Donc, vous voyez ici comme cinq points, comme 555. Mais si vous mettez, par exemple ici 5.6 et ensuite E, par exemple, je veux trois zéros. J'en aurai donc 5 600 parce que les trois zéros, ou on peut dire que celui-ci est 5,6 multiplié par 100. De cette façon, je ne peux pas dire que c'est égal à multiplié par 100 000. Cet opérateur est multiplié. Nous le verrons plus tard. Donc maintenant, si j'économise, le refais, j'obtiendrai le même résultat. Ainsi, nous pouvons définir les nombres en JavaScript. Il y a une façon opposée que je dois mettre, par exemple, comme moins ici. Donc, si nous mettons ici comme un peu moins après le E, alors ce sera en moins. Supprimons ces cinq, 5.5 et j'aurai cinq e moins 6. Alors, quand on se rafraîchit, essayons ça. Nous verrons que nous sommes allés dans le coma ou dans le flotteur comme sous le 0. Ainsi, vous pouvez définir mieux que de dire que j'ai besoin du numéro 0, 000, 000, 5, sachez que vous pouvez le dire de cette façon, cinq, e moins six, et vous obtiendrez le même résultat. C'est exactement de la même façon que vous divisez par 100 dans notre exemple ou en 1 million. Donc, dans ce cas, je divise 5 par 100000 et de cette façon, j'obtiendrai 0,005. C'est ainsi que nous gérons les nombres en JavaScript. Vous avez donc tous les moyens, la méthode facultative ou la possibilité de définir vos numéros comme vous le souhaitez. Vous pouvez les déclarer vraiment comme sans aucune séparation. Et vous pouvez également les déclarer comme ça. Les nombres flottants, comme je vous l'ai déjà dit, nous pouvons facilement définir le nombre flottant. On peut donc dire ici flottant. Ainsi, le nombre flottant, vous pouvez simplement définir un point zéro 85. Ou même si vous avez comme, comme par exemple, 5.5, d' accord, je dois le déclarer, mais si vous avez 0,5, vous n'avez pas à mettre le 0. Il suffit donc de l'avoir comme 0 ou DOT 5, et il ne serait pas défini comme 0,5. Mais quand j'enregistre ici un plugin plus joli, dont j'ai déjà parlé, il change pour moi le format et il fait et dit qu'il vaut mieux le déclarer comme ça. Bien sûr, nous pouvons modifier la configuration de plus jolie, mais nous n'en sommes pas à ce niveau maintenant. Nous ne sommes qu'avec les bases. Nous verrons plus tard comment configurer notre éditeur de manière plus efficace. 18. Opérateurs de numéros: À l'instar d'une calculatrice, vous pouvez également effectuer certaines opérations sur les chiffres. Il y a donc des opérateurs en JavaScript. Revenons à notre code. Organisons-le un peu. Je garderai donc ici ce nombre constant et aussi le nombre de milliards de dollars. Nous mettons comme le journal de la console après chaque affectation ou après chaque variable. Ainsi, nous serons plus faciles à modifier et à lire ces valeurs ensemble. De cette façon, je vais aussi mettre celui-ci ici. Nous avons donc un journal de console pour tout. Donc ce numéro flottant, nous n'en avons pas besoin. Nous avons donc variable et constante et nous consolons le consoler. Nous allons maintenant faire quelques calculs. Par exemple, j'ai besoin d'une édition. De cette façon, je peux définir une variable. Je peux dire que, par exemple, x sera égal à cinq. Et nous avons aussi pu laisser y, il sera égal à sept. Et nous pouvons aussi ajouter X à Y. Ainsi, nous devons dire que z est égal à 5 plus 7. Ou de cette façon, vous pouvez dire que X plus pourquoi ? Ainsi, il sera remplacé par x, la valeur cinq, et par y, il sera remplacé par sept. Après cela, nous pouvons consoler consigner cette valeur. Nous pouvons donc avoir ici laisser z, et ce ZED sera connecté ici, et ce sera l'ajout entre x et y. Donc si nous économisons, nous obtenons ici 12, ce qui est génial. De plus, vous pouvez avoir une opération similaire directement sur les chiffres. Je ne peux donc pas en avoir cinq plus un ici. Et puis, c'est tout. Il sera 13 car ici j'en ai six et le y hat sept. Comme 67, c'est 13. en va de même pour la multiplication. Donc j'aurai ici au lieu de plus, je peux avoir ici multiplier, ce qui est aussi strict ou une étoile. Donc, vous avez une étoile ici, alors c'est la multiplication. Donc, quand je me rafraîchirai, j'en aurai 42 car six multipliés par 7, c'est 42. Supprimons donc celui-ci et réessayons. Et nous en aurons 35. Donc sept multiplient ou cinq multipliés par sept, j'aurais également 35 de la valeur d'une variable z. Il y a la soustraction, donc soustraire x de y nous donnera également les résultats. Il suffit donc de mettre moins au lieu de se multiplier. Si vous essayez cela et rafraîchissez, vous obtiendrez moins deux, car cinq moins sept, c'est moins deux. Et bien sûr, si vous mettez comme ici un plus grand nombre, désolés, nous pourrons y retourner. Nous avons mis ici 15 puis nous rafraîchissons. Nous en obtiendrons huit car 16 moins 7, c'est 8 aussi. Vous aurez cette méthode de division. Vous pouvez donc aussi bien ici au lieu de moins, vous pouvez avoir une division. Donc, la barre oblique signifie diviser lorsque vous devez taper ou deux nombres, puis cela vous donnera la division entre ces deux nombres. Donc Zed aura X divisé par Y. Donc, de cette façon, j'obtiens ce résultat parce que 15 divisé un deux par sept. C'est aussi le module. Vous pouvez donc avoir ici mod, donc pourcent il vous donne le résultat ou, ou le retour, ce reste de division. Donc, de cette façon, je dirai ici, rafraîchir et ensuite, d'accord, 15 multipliés ou Module 7, ce sera comme un. C'est ainsi que se trouve le reste de la division. Ok, il y a aussi une autre chose qu'on appelle l'incrémentation. Donc je peux augmenter x d'une manière ou d'une autre sans dire comme 15 plus un, il y a un raccourci. Cela vous aide à le faire. Je dirai donc ici, consolons consigner tous les numéros. Ici, j'ai ici le journal de la console, le journal de la console également. Donc, nous avons X et y, puis Z. Quand je dis ici x plus, plus comme le temps puis le point-virgule, x sera augmenté de 15, donc augmenté d'un. Donc je vais mettre ici comme quand je l'enregistrerai à nouveau, d'accord, premier est 16, donc x console est 16 parce qu'il est ajouté ici. Nous avons donc un ajout ou plus, plus. Et y a sept ans, il est resté le même. Zed est une population modulaire, ce qui en fait une. Ainsi, vous pouvez augmenter X et le journal de la console suivra la dernière valeur modifiée sur les œufs. Ainsi, vous pourrez voir le résultat du dernier changement de cette variable. Je peux peut-être expliquer plus que constamment. Donc, si je ne dis pas diriger, mais je dirai const. Donc, x est une constante. Maintenant, si je me rafraîchis, j'obtiendrai une attribution d'erreur à une variable constante à la ligne 27. Ici, c'est comme si je modifiais la valeur de x. Donc, la valeur du x est vraiment modifiée. De cette façon, je ne peux pas le changer parce que c'est constant. Ainsi, toujours lorsque vous utilisez ces opérateurs, vous devez utiliser let. va de même pour moins, moins. J'aurai donc ici moins moins, puis le nombre sera diminué d'un. Donc 15 moins, moins, 14. Ainsi, nous avons fait comme un raccourci pour augmenter ou diminuer le nombre. C'est aussi le pouvoir. Vous savez, en mathématiques, il y a quelque chose qui s'appelle le pouvoir. Définissons une variable, appelons-la a. Et cela aura, par exemple, deux et deux multipliés deux fois, et je vais par exemple en mettre trois. Donc, de cette façon, je dis que deux, c'est le pouvoir trois. Donc deux multipliés 2 à 3 fois 2 multipliés pour faire multiplié à deux à nouveau. Donc, consoles consigne un, donc nous devrions en avoir huit. De cette façon, nous verrons qu'il agit comme un pouvoir. Alors, économisons. Bon, nous en avons huit ici. Donc, comme je l'ai dit, multipliez trois fois pour moi. Donc les deux premières et les secondes, et toutes se sont multipliées trois fois. Nous avons donc ici le même résultat, soit huit. Donc, lorsque vous effectuez la multiplication 2 fois, on l'appelle comme un pouvoir. J'ai donc mis six ici, et ensuite j'en aurai 64. Donc deux se sont multipliés par eux-mêmes, six fois. 19. Precedence des opérateurs: Bon, maintenant j'ai une question à vous poser. J'ai donc défini une variable B de cette façon. Je dis donc un plus a, 100 plus 50 multipliés par trois. Alors, quel en sera le résultat ? Est le résultat de l'exemple ci-dessus, identique à 150 multiplié par trois, ou 100 plus 150. C'est donc ce que nous appelons la priorité des opérateurs. Ainsi, je peux savoir quel opérateur est le plus puissant que l'autre. Essayons donc cela et voyons le résultat. Quand on se rafraîchit. J'en ai eu 250. Donc, la même chose de 150 plus 100. De cette façon, je saurai que la multiplication est plus forte que plus. La même chose. La multiplication ou la division est plus forte que plus. Donc, cette opération sera effectuée en premier, puis elle sera faite celle-ci ou plus avec le 100. Donc, pour changer cette périodicité ou cette force, nous avons appris en mathématiques que nous pouvons utiliser des parenthèses. Donc, lorsque j'en ai mis un ici, les offices de brevets sont autour de ces opérateurs. J'ai donc ici maintenant, 100 plus 50 seront plus forts que la multiplication. Essayons donc ça. Actualisez. J'en ai eu 450, donc 150 multipliés par trois. De cette façon, je modifie la périodicité des opérateurs. C'est donc ce qu'on appelle injera clipped ou en mathématiques, priorité. 20. Vérifier les méthodes des numéros: Lorsque vous prenez une variable définie comme un nombre, puis que vous mettez un point, vous aurez quelques commentaires sur cette variable. Donc, quand je dirai ici, par exemple, b point, alors je reçois en tant que saisie semi-automatique de Visual Studio Code certaines méthodes, ce carré ici ou ce cube montre comme une méthode. Il existe donc plusieurs méthodes pour les nombres, et il existe également des méthodes pour les chaînes et aussi pour d'autres types, comme nous le verrons plus loin. Mais tant que nous sommes dans la section des chiffres, je vais maintenant parler de la méthode des nombres. Donc tout d'abord, il y a à fixer, à fixer, c'est faire un arrondi pour le nombre. Donc, quand j'ai le numéro deux ou 0,9, il a été arrondi et ça le fera comme un. Essayons donc ça. Je vais donc définir une variable. Nous pouvons donc dire ici, et nous pouvons lui donner un nom c. Et ce c aura comme exemple 0,9. Donc ce que je dis, une autre variable laisse le point C fixe. Ainsi, j'attribue ou donne une commande à la variable C à modifier. Mais la variable ne sera pas modifiée. Mais le résultat de cela sera attribué à la, sorte que le C restera tel quel. Il ne sera pas modifié, mais corrigé. Il a un résultat. Et ce résultat va me donner une corde. Et cette chaîne aura cela, le nombre qui sera un. Donc, lorsque nous consoles consigne ce D, j'irai ici, je prendrai un journal de console, et je le consolerai ici. Je vais obtenir 0,9 arrondi en ficelle. Parce que vous voyez ici la sortie de la méthode est chaîne. Nous parlerons plus en détail de pensées ou de paramètres. Voyons donc cela dans nos yeux. Alors, quand je me rafraîchis, j'en ai eu un à la ligne 42. Donc celle-ci en est une, et comme vous le voyez, elle n'est pas violette, elle est blanche. Cela signifie donc qu'il s'agit d'une corde comme nous l'avons vu auparavant. Donc, pour corriger, arrondi le nombre et le remplacer par la chaîne de type. Et comme vous le voyez ici, D est une chaîne. Si je place la souris sur cette variable, il existe une autre méthode, découvrons-la. Nous pouvons donc supprimer cela pour corriger et en essayer un autre. C'est ce qu'on appelle deux exponentiels. Ainsi, quand j'appelle cette méthode, faut toujours mettre cette parenthèse. Vous devez donc appeler cette méthode, comme nous le verrons plus tard, nous appelons cette commande sur la variable C. Donc, quand j'enregistre et repartirai ici, vous verrez que c'est vieux, c'est 9 moins ou e moins 1. C'est donc comme multiplié 9, multiplié par 0,1. De cette façon, j'obtiendrai 0,9. Nous en avons déjà parlé. Il y a, bien sûr, autres méthodes que nous pouvons les voir découvrir, comme par exemple pour appuyer sur cette séance, j'en parlerai plus tard. Et deux cordes aussi, je vais en parler plus tard. Mais en fait, il convertit le nombre en chaîne. C'est la réponse la plus simple à ce sujet. Donc, quand j'ai ici C point deux chaînes, alors D aura une valeur de chaîne de c. Donc nous aurons ici, C est, D est 0,9. Mais si je consoles consigne le numéro C, donc j'ai ici pour voir, comme vous l'avez vu ici, nous aurons 0,9 dans la violence Parce que c'est le nombre et ceci comme D a été changé en chaîne et c'est aussi 0,9. Ainsi, la sortie de cette méthode modifie la variable que nous appelons. 21. Parler des chaînes à des numéros ou opposés: Comme je vous l'ai déjà dit, nous pouvons également analyser les nombres en chaînes comme nous le voyons ici ou comme nous l'avons fait ici. Ainsi, C a été transféré dans une chaîne et affecté à la valeur D, et il est imprimé ici sous forme de chaîne. Et si nous voulons faire l'opposition ? Je veux donc changer un nombre sous forme de chaîne par un nombre. Donc, d'une certaine manière, je ne peux pas dire que ce C est un nombre ou une chaîne, et je veux le voir comme un nombre. Pour ce faire, nous avons plusieurs façons de le faire. Tout d'abord, la voie mondiale. Donc j'irai ici et au lieu de dire graine pour faire de la chaîne, je veux voir D comme un nombre. Je peux donc mettre ici un numéro de lettre majuscule. C'est un mot-clé en JavaScript. Et puis j'ouvre la parenthèse. Et puis je dirai que la valeur que je veux changer en nombre. Je mettrai ici soit comme la ficelle, je mettrai ici un œuf de Pâques, comme un chiffre. Ou je peux mettre la variable que je veux convertir car la valeur marine contient le numéro de chaîne 0,9, puis je peux l'utiliser pour cette méthode. Donc je peux dire ici numéro c. Donc, sauvegardons, et nous verrons que le premier verrouillé est un numéro de chaîne et le second est le nombre. Ainsi, lorsque nous sauvegardons, nous verrons que le premier est un numéro de chaîne, qui est c. Et le second est le, qui a une couleur violette, c'est-à-dire le nombre. Ainsi, j'ai défini ou converti cette variable de chaîne en nombre. Il existe également d'autres moyens d'analyser un nombre. L'un d'eux, si vous connaissez ce type ou similaire, la valeur de C par exemple déjà. Ici, c'est 0,9, donc c'est un nombre flottant. Donc, vous ne pouvez pas dire ici, au lieu d'un numéro similaire, vous pouvez entendre dire, analyser, flotter. Ainsi, je suis en train d'analyser ce nombre ou de changer ce nombre à l'aide d'une chaîne de caractères flottants. Ainsi, nous obtiendrons le même résultat et ce qu'il a également changé en nombre. Aussi, si je sais que C est un nombre entier, comme je vais mettre ici 10, alors quand je mets comme par exemple, parse int, c'est un entier, comme analyser cette chaîne en int, alors je l'obtiendrai sous forme d'entier. Donc, si j'ai comme par exemple, 0, par exemple sept, et que j'utilise parse int. Ainsi, la sortie de la fin des barres sera le nombre, le nombre entier. Ce ne sera pas comme un numéro flotteur. C'est ainsi que l'attente. J'utilise donc ou analyse la chaîne flottante en entier. Essayons donc ça. Et nous verrons que j'ai eu 0,7. Il s'agit de la valeur de la mer en tant que chaîne. Et puis je n'en ai eu que 10 pour le D. Donc, de cette façon, il faut soustraire tout ça. 0,7 est soustrait de cette chaîne. Et il m'a donné que c'est vieux comme un 10 seulement parce que je l'ai dit en partie ou en partie. Donc maintenant, si j'ai ceci en tant que parse int et que je veux le changer pour analyser float de cette façon. J'ai donc ici un entier sous forme de chaîne. Bien sûr, je veux le convertir en flotteur, donc j'obtiendrais un numéro de flotteur. Rafraîchissons ça. Et vous verrez que ce flotteur d'analyse a gardé la même chose. Ainsi, lorsque vous êtes toujours sûr de la variable, exemple s'il s'agit d'un nombre float ou d'un nombre, vous pouvez utiliser la méthode appropriée pour cela. Sinon, vous pouvez simplement utiliser un nombre et cela vous aidera à éviter d'analyser le float et d'analyser une chaîne. Ok, maintenant je vais faire l'analyse float pour C, mais je ne mettrai pas de numéro ici, je vais mettre autre chose, comme mettons une chaîne. Je mettrai, par exemple, de la pomme. D'accord ? Et de cette façon, quand je l'imprime, voyons quel est le résultat. J'ai eu quelque chose, aucun. J'ai donc été revendu du float d'analyse en tant que nan, pas un numéro. parlerons de ce 1, 2 lors de la prochaine conférence. 22. NaN pas une fonction de numéro: Nous avons donc vu dans la conférence précédente comment nous n'en avons eu aucun. Comme pas un numéro. C'est comme un raccourci pour pas un numéro. Donc, de cette façon, il est dit que D a obtenu une certaine valeur à la valeur d'analyse. Bien sûr, même si vous dites parse int, vous obtiendrez la même valeur. Il n'y en a pas. Donc, l'intestin est une valeur appelée None. Et cette non-valeur est définie en JavaScript. C'est donc comme ça. C'est donc comme un mot fixe qui a un numéro de type, mais ce n'est pas un nombre. C'est dire que, d'accord, cette variable n'est pas un nombre. Attention, ne l'utilisez pas. De cette façon, je saurai que D n'est pas un nombre. Par conséquent, à l'avenir, lorsque vous voulez savoir si ce nombre ou cette variable a une valeur, NAN, n'aime pas un nombre ou non, vous pouvez le vérifier. Vous pouvez vérifier cette variable pour voir si elle est vraiment numéro ou non. Parce que parfois, lorsque vous avez des milliers de lignes de code, il est vraiment difficile de suivre ce nombre, surtout si vous effectuez beaucoup d'analyse sur cette variable. Partage également d'une chaîne à un entier ou float en entier, etc. Par conséquent, vous perdez parfois le contrôle de cette variable. Il est donc préférable de voir si cette variable a un nombre ou s'agit-il d'un numéro ou simplement d'une chaîne ? Maintenant, c'est facile le week-end, voyez comme si on voyait que C est une chaîne, bien sûr ce n'est pas un chiffre. Mais bien sûr, comme je vous l'ai dit, lorsque vous perdez le contrôle des variables, vous saurez comment vérifier si ce C est un nombre ou non. De cette façon, vous pouvez dire qu'il n'y en a pas. Aucun n'est donc une méthode pour vérifier s'il s'agit d'un nombre ou non. Donc, quand je dis comme n'est pas pour C, alors il vérifiera pour moi si c est un nombre ou non. D aura donc l'une des deux valeurs suivantes, vraie ou fausse. Comme quand ce n'est pas un nombre, comme une chaîne, D aura un vrai. Donc, dans notre cas, lorsque je console le consigne, je deviendrai vrai. Essayons donc ça. Comme vous le voyez, nous avons ici un vrai parce qu'il est vraiment vu n'est pas une barre d'application parce que ce n'est pas un numéro remuant car c'est Apple. Mais quand je mets ici 14 par exemple, et ensuite je vérifie si c'est un numéro ou non, ou il est dit que ce n'est pas un numéro. Donc, de cette façon, je deviendrai faux parce que c est un nombre sous forme de chaîne, bien sûr. Donc, il n'y a personne qui vérifie une chaîne si c'est un numéro ou non. Vous pouvez donc vérifier par cette commande, n'importe quelle variable s'il s'agit d'un nombre ou non. C'est donc exactement la même chose que ça. Il n'en est pas ainsi. Ou 414, comme n'est pas un nombre, alors c'est faux parce qu'il s'agit d'un nombre. Mais quand je mets, par exemple, une chaîne et que je rafraîchis, oui, vrai ? Ce n'est pas un numéro. L'intestin de cette valeur. 23. Chaîne littérale, fonction et syntaxe: Dans cette section, nous allons parler de cordes. Nous avons vu inconsciemment que nous imprimions une chaîne dans le journal de la console en la définissant entre la guillemets, guillemets simple ou double. Mais maintenant, supprimons tout ce code pour avoir un démarrage plus propre car j'attache ce code à la section précédente. Ainsi, à la fin de chaque section, vous verrez le code que nous avons travaillé dans toute la section. Bon, maintenant je vais tout supprimer. Et pour les chaînes, il existe, comme nous l'avons dit, plusieurs méthodes pour la définir ou définir une chaîne. Par exemple, on peut dire que x sera dans une seule citation de deux. On peut dire que c'est une chaîne. Ainsi, vous pouvez définir une chaîne. Vous pouvez également définir une chaîne entre guillemets doubles, comme nous l'avons dit. Mais ici, plus joli, c'est le changer en double citation. Parce que lorsque nous économisons par an et par tarif, nous avons cela en double devis. Bien sûr, nous pouvons modifier cette configuration. Si plus joli, nous le considérerons comme une citation unique pour la chaîne. Il existe également un autre moyen de définir une chaîne, mais en utilisant une méthode. Si vous vous souvenez, nous avons utilisé avant la méthode number, cette méthode numérique me permettant de convertir une chaîne en nombre ou quoi que ce soit d'autre. Nous pouvons donc maintenant utiliser aussi un mot avec une majuscule qui s'appelle chaîne. Ainsi, vous pouvez aussi bien définir une chaîne à l'aide de cette méthode. Donc je dirai ici que je vais y, et puis je dirai que c'est notre week-end, dites ficelle. Ensuite, nous ouvrons la parenthèse et nous devons spécifier une valeur. Et cette valeur, elle s'appelle comme par exemple la chaîne elle-même que nous voulons définir. En fait, c'est exactement la même chose. Mais ici, c'est plus constructif. Et nous appelons cela en tant que constructeur. Mais bien sûr, la façon moderne est toujours d'utiliser l'égal et vous pouvez directement définir votre chaîne. Mais ici, vous pouvez dire aussi que c'est une corde constructive. Nous pouvons donc ajouter cela. Et puis Y aura cette valeur sous forme de chaîne. On peut donc dire journal de console. Vous pouvez mettre le journal des mots et il vous apparaîtra dans les soumissions et il suffit d'appuyer sur Entrée et il ajoutera pour vous la phrase entière. Le code Visual Studio s'en occupera. Nous devons donc mettre le log x de la console et le journal y. Et puis imprimons cette valeur. Nous avons donc ici, c'est une corde et c'est une corde constructive. Donc tous de la même façon, exactement de la même façon de définir une chaîne. Pour moi, je mets une affaire de cette façon, qui définit une chaîne entre guillemets, guillemets doubles ou dans une seule citation. 24. Plusieurs lignes dans des cordes de code à l'aide de de l'aide de Lines: Dans JavaScript moderne, il est également possible d'utiliser les coches arrière. Ce que je veux dire, les backticks sont utilisés pour avoir plusieurs lignes d'agitation. Donc ici, dans ce cas, si j'aime ça, j'obtiendrai une erreur car je ne peux pas avoir plusieurs lignes pour cette chaîne. Mais il y a certainement un excellent moyen de le faire. Je peux donc changer cette citation avec quelque chose appelé « back tick », qui est ce signe. Et vous pouvez également le fermer de la même manière. Il s'agit donc d'une chaîne, s' agira également d'une chaîne, donc elle sera définie comme des chaînes. Nous avons donc ici une chaîne, mais lorsque vous appuyez sur Entrée, vous ne recevrez aucune erreur. Parce que cela signifie que vous pouvez avoir plusieurs lignes autant que vous le souhaitez. Comme vous le voyez ici, je l'ai fait, c'est une chaîne et j'ai plusieurs lignes. C'est donc sensible à cela. Il ne peut pas voir toutes ces lignes. Et on considère que tout entre ces tiques sera une chaîne. Alors, rafraîchissons maintenant. Et nous verrons dans le journal de la console que c'est exactement comme ça que nous l'avons écrit dans leur code. Pour cela, il est très avantageux d'utiliser les ticks arrière et de les utiliser pour imprimer les chaînes les plus longues. Surtout si vous avez une très longue ligne de code et que vous ne voulez pas les insérer. Par exemple, comme une longue ligne comme celle-ci, ou par exemple, si j'ai une longue file, alors je vais comme ça, ce qui est mauvais pour moi. Ainsi, vous pouvez diviser vos chaînes en plusieurs lignes et vous pouvez les avoir dans le journal de la console comme ceci. double citation n'est donc pas sensible à plusieurs lignes, car sinon vous obtiendriez une erreur en JavaScript. Mais les backticks, c'est sensible ou ça. Et tout entre les backticks est une ficelle. 25. Notations de fuites Comment écrire des citations dans une variable à chaînes: Ok, si vous voulez dire comme par exemple, je veux avoir une double guillemets à l'intérieur de la chaîne, comme je veux imprimer dans le journal de la console également une double guillette. Parce que si je mets ici comme ça, comme un week-end, disons, a dit John. Ensuite, nous voulons mettre une double citation. Sinon, il sera fermé comme ça. C'est donc faux et cela me donne une erreur car la double citation est une clôture de cette citation. Vous avez donc l'une des deux options suivantes. Peut-être que vous pouvez mettre cela en guise de guillemets unique et le fermer en guise de guillemets unique, alors la citation double ici sera considérée comme une chaîne. Ainsi, vous aurez tout cela sous forme de chaîne et vous n'obtiendrez pas d'erreur. Mais si vous souhaitez conserver le double devis, vous pouvez échapper à cette double citation. Il ne sera donc pas considéré comme une clôture à cette prédation. Il vous suffit donc de mettre une barre oblique inverse. Ainsi, avec une barre oblique inverse, vous ne pouvez pas dire que cette citation ou cette citation double ne sera pas considérée comme un devis de clôture. Donc, ici aussi. Donc, celui qui n' a pas de barre oblique inverse sera considéré comme une citation de clôture de ceci. Alors, gardons ça et réessayons. Ok, donc nous voyons que plus joli l'a changé pour nous aussi. Il dit donc qu'il vaut mieux le faire comme ça, mieux que d'avoir toutes ces citations. Ainsi, lorsque vous voulez le voir en réalité, vous pouvez simplement désactiver les plus jolies. me demande donc de recharger ici. ai donc désactivé. Je suis allé aux extensions et je l'ai désactivé. Donc maintenant, Ok, je sauvegarde, rien ne se passe ne change pas le format. Maintenant. Nous épargnons, d'accord, nous avons les citations, même s'il s'agit de protections d'évasion. Ainsi, vous pouvez avoir les lettres d'échappement. Ainsi, les lettres que vous devez utiliser à l'intérieur d'une chaîne, et ce sont des mots-clés, par exemple. Encore une fois, nous allons activer plus joli. C'est ça. Il est très simple de l'activer. Vous allez à l'extension et vous l'avez installé et il vous suffit cliquer dessus et vous avez désactivé ou désinstallé, comme vous pouvez le supprimer totalement. joli suggère donc que c'est une meilleure façon de définir une citation à l'intérieur d'une citation. Nous l'avons donc comme ça. Ce sont des cordes en or, des notations d'évasion. J'ai donc ici des notations qui échappent. Une des notations qui échappent aussi, si vous vous en souvenez, je vous ai dit lors de la conférence précédente que nous ne pouvons pas mettre plusieurs lignes pour des chaînes similaires avec des citations. Vous pouvez également le faire en échappant à un devis. Vous pouvez donc dire ici au lieu de cette colonne, par exemple, je mets la barre oblique n. Donc, la barre oblique n va me formater cette chaîne avec une nouvelle ligne. Console le consigne. Et comme vous le voyez ici, John a dit que c'est une ficelle. Ainsi, ici, n a agi comme un entrée, comme une nouvelle ligne. Donc, quand vous l'enregistrez comme ça, tout est sur la même ligne. Voici comment mettre des lignes dans une chaîne normale sans utiliser de backticks. Tout cela est donc possible. Il y a plusieurs notations d' échappement, par exemple, comme je vous l'ai dit, plusieurs d'entre elles. Par exemple, il y a celui avec un onglet. Donc, lorsque vous mettez la barre oblique t , elle mettra ce dense comme quatre espaces de genre, comme une tabulation. Vous n'aimez pas, c'est comme lorsque vous appuyez sur la touche de tabulation ici. De la même façon, exactement. De plus, il y a beaucoup de personnel comme l'espace de rupture ou, par exemple, la forme de plomb. Il existe plusieurs notations d'échappement. Vous pouvez les Google et les essayer tous. 26. Insertion de la variable ou de la constante dans une chaîne: Disons donc que nous avons une variable appelée, nous pouvons dire avant X que nous pouvons donner un nom comme celui-ci. A, c'est comme si on pouvait lui donner un nom, par exemple un mythe. Nous avons donc ici une ficelle appelée Smith et X. Ainsi, je veux dire que John est un ami du thymus. Alors comment je peux mettre ici comme, oh mon garçon, on a ici Smith. Mais comment je peux mettre la variable honnêteté plutôt que les mathématiques. Je peux donc dire ici que John est l'ami d'un, comme vous le voyez, il est considéré comme une ficelle. Donc, quand je l'imprime, c'est un, donc je peux dire que c'est une valeur, pas une corde. C'est très simple. Il y a également des opérations sur des chaînes comme celle que nous avons avec le numéro. Il y a de l'addition, comme un plus. Et avec ce plus, vous pouvez mettre une variable après. J'ai donc ici une chaîne, arrache cette variable, puis elle rejoindra ces deux chaînes ensemble. Donc, quand je dis ici, je dirais que John est un ami du mythe, mais ici, il n'y a pas de place. J'ai donc besoin de mettre de l'espace après l'arrêt, ou vous pouvez ajouter une autre annonce plus. Vous y mettez deux citations ou deux guillemets doubles et de l'espace. Donc, de cette façon, vous aurez, Joan est une amie de mademoiselle. Ainsi, de cette façon, vous aurez la possibilité de vous joindre. On peut dire qu'il y a des cordes ensemble. Il existe également un autre excellent moyen qui soit moderne en JavaScript. Et c'est vraiment génial en tant que JavaScript moderne. Et la plupart des gens le préfèrent aujourd'hui. Alors, qu'est-ce que c'est ? Donc, si j'ai changé ces deux backticks, je passe ici aux backticks et ensuite je n'ai pas à mettre plus un. Je peux utiliser ce formulaire comme un dollar puis des crochets courbes, quelque chose comme ça. Et ici, je peux mettre la variable. Donc, à l'intérieur de ces supports, j'aurai de la valeur. Je peux écrire du code JavaScript. Vous pouvez donc mettre ici ce que vous voulez avec ce JavaScript car vous avez utilisé les backticks avec ce signe dollar et les crochets courbes. Donc, lorsque vous économisez, allez ici, encore une fois, vous obtiendrez le même résultat. C'est donc exactement la même chose. Ainsi, lorsque vous le répétez plusieurs fois, ce sera la même chose. Comme vous le voyez, vous pouvez le mettre également au début, n'importe où dans une chaîne. est donc très agréable de combiner des variables avec des boissons ou combiner des chaînes JavaScript avec du code JavaScript. C'est donc la fin de cette conférence. J'espère que ça vous a plu. C'est très moderne et très agréable à utiliser toujours de cette façon pour combiner des cordes. Il vaut mieux ne pas utiliser comme ça plus et ensuite un, non. Je préfère utiliser comme le signe dollar et les crochets courbes. 27. Vérifier les méthodes de chaîne: Dans cette conférence, nous allons voir quelles sont les méthodes des cordes. Si vous vous en souvenez, nous avons eu quelques commentaires pour ce numéro, comme le changer en chaîne ou le changer ou le modifier par une manière spécifique ou un format spécifique. Et nous allons maintenant avoir la même chose pour les cordes. Donc exactement comme nous l'avons fait avec un nombre, nous entendions un point et ensuite nous avons obtenu toutes les méthodes qu' nous entendions un point et ensuite nous avons obtenu toutes les méthodes qu'il est possible d'avoir pour les nombres que nous pouvons avoir ici pour les chaînes, je n'irais pas avec la plus simple et ensuite je vais étape par étape au un ou deux plus gros, plus le plus lourd. Tout d'abord, nous pouvons avoir un journal de console directement d'une méthode d' agitation à l'intérieur du journal de la console comme si vous n'aviez pas besoin créer une variable comme je peux le dire ici. Laissez la longueur, puis je dis la longueur de x point par exemple. Ainsi, je vais imprimer des longueurs. Vous pouvez utiliser les méthodes directement dans le journal de la console. Au fait, cette longueur me donne cette longueur de cette corde. Combien de lettres ou de lettres à l'intérieur de ces choses ? Essayons donc de l'imprimer. Et nous verrons qu'il y a 25 caractères dans les espaces inclus. C'est donc pour PX. Il existe également d'autres méthodes. Disons un journal de console pour eux, pour chacun d'eux. Donc, j'aurai ici X point. Et nous pouvons, par exemple, avoir de l'omble. On peut donc avoir ici Char ajouter. Et lorsque vous ouvrez une parenthèse et que vous placez un chiffre, cela vous donnera cette lettre à cet endroit de ce numéro. Il compterait donc à partir de 00123. Donc, mettons trois, je pense que nous aurions n. Alors quand j'en mettrai trois ici, donnez-moi le caractère char à la troisième position. Alors quand j'économise, allez ici, j'ai n donc de cette façon, vous pouvez obtenir un caractère spécifique d'une chaîne. Console consignez autre chose afin que vous puissiez également utiliser la méthode des ticks en arrière. Vous pouvez donc, ou vous pouvez également utiliser une combinaison normale. Je peux donc dire ici ce pot à trois heures. Par exemple, puis j'ai mis un plus. Donc, dans la sortie, il sera à trois, ce sera n. Donc vous pouvez mettre ici aussi colonne, sûr, comme ça, ok, job à trois est n. Donc nous pouvons nommer nos méthodes, toutes comme ceci. Copions donc celle-ci et choisissons une autre méthode. Je peux donc dire ici aussi, x dot concat, x two dot concat, il va concat estimer comme si c'était exactement comme ça que nous avons fait avec cet égal. Je viendrai donc à cette corde avec une autre souche. Par exemple, on peut dire ici une variable comme celle-ci, le mythe. Donc je concat x avec un. Donc, nous pouvons dire ici non pas Jar ajouter, mais nous disons CONCAT. Donc, nous économisons, nous rafraîchissons le concat. John est un ami du mythe. Nous avons donc eu les deux fois parce que nous avions déjà un an et nous l'avons concaténé avec un autre a. Nous avons donc eu aussi du thymus. Nous pouvons donc ajouter, entendre notre propre chaîne. On peut donc avoir ici quelque chose comme Fin, comme Peter. Pour que nous puissions économiser, allez ici. Nous dirons que joignez-vous est un ami de Smith, contact ou concat et Peter. Vous pouvez donc également y mettre de l'espace. Donc X a été combiné avec un Peter. C'est donc exactement comme ça. Bon, passons à une autre méthode. Nous allons donc copier à nouveau ce journal de console, une autre méthode. Vous pouvez donc dire ici comme l'indice X point désactivé. Et vous pouvez donner du caractère. Vous pouvez donc dire que je veux un indice de ou. Il verra donc la première occurrence de tous comme ici dans John et renverra sa valeur. On peut donc dire ici, indexer. Et puis nous disons ici tous et nous sauvegardons l'indice de tous. La première occurrence se situe à la première position. Donc 0, 1. Nous avons donc ici, John. Nous allons donc, par exemple, f trike et avons ici F. F. F. Donc la première occurrence est à la dixième position de f dans cette variable X. N'oubliez pas que j'utilise la variable X lorsque vous voulez voir la dernière occurrence. J'irai donc ici dans le journal de la console et je vais ajouter le dernier index. Donc, le dernier index de F. Voyons voir. Nous pouvons donc le remplacer ici également. Et nous verrons que c'est 18 car ici j'ai f et ici j'ai f. Donc, de cette façon, j'ai eu au début, la première fois ou la première occurrence, et la deuxième ou dernière occurrence de f. Il y a aussi une excellente méthode qui s'appelle remplacer. On peut donc dire remplacer, remplacer tous les F pour moi par x. Vous pouvez donc dire ici, remplacer. Donc, après cela, nous devons mettre x point, remplacer tout f par x. Donc, au lieu de, John est un ami pour être extra et chanter comme vous le voyez ici. Joan est donc x loyer de Smith, et il n'a changé que la première occurrence aussi parce que ce f est inchangé. Il existe également une autre méthode appelée en majuscules. Vous pouvez donc également utiliser ou modifier la phrase en majuscules. Je dirai donc ici juste en majuscules et vous n'avez pas à passer de valeur pour ce commentaire. Nous pouvons donc avoir ici deux majuscules de x. Nous sauvegardons et actualisons. Et nous verrons deux majuscules. Et comme vous le voyez ici, c'est arrivé en majuscules. Il existe plusieurs méthodes de chaînes. Vous pouvez les vérifier. Ils sont très faciles. J'ai donné exactement un exemple. Je l'ai attaché. Cette conférence ou lors de la conférence suivante avec le code que j'ai écrit ici. Vous pouvez donc les essayer vous-même. La plupart d'entre eux, ils sont faciles, mais il y en a quelques-uns, nous verrons plus tard dans les prochaines conférences lorsque nous parlerons de tableaux et d'objets, je vais joindre cette feuille de triche pour vous afin que vous puissiez la lire et essayer des choses autour. La plupart sont faciles et ne vous inquiétez pas. 28. Boolean: Je vous ai déjà montré rapidement à propos des Booléens. Nous pouvons également définir une variable booléenne. variable booléenne peut être vraie ou fausse. De cette façon, je vais vous montrer comment vous définissez ces booléens. Normalement booléens, nous pouvons les nommer d'une manière ou d'une autre comme un nom commençant par est. Par exemple, par exemple, on peut dire qu'il est grand ou petit, qu' il est réduit au minimum, qu'il est capital, ou comme ça. Vous pouvez donc toujours définir la variable booléenne de cette façon. Définissons donc une variable que je vais appeler comme si, par exemple, est cochée. Cette variable aura donc été vérifiée. Il peut donc avoir un vrai comme celui-ci ou il peut aussi avoir faux. Il peut donc avoir l'une des deux valeurs suivantes. Ainsi, nous définissons un booléen. Ainsi, l'utilisation du booléen sera conditionnelle, par exemple entre crochets ou conditionnelle. Nous pouvons dire la portée, comme nous le verrons plus tard. Comme lorsque nous disons que si cette variable a un vrai, alors faites autre chose, faites autre chose. Nous verrons donc à l'avenir comment nous allons travailler avec les déclarations if. Et nous en saurons plus sur les booléens et leur utilisation. Pour l'instant, booléen est une valeur ou c' une variable qui peut avoir l'une des deux valeurs suivantes : true ou false. 29. Comment vérifier le type de variable ou de constante: Dans cette conférence, nous pouvons voir quel est le type de variable. Donc, comment connaître le type de constante ou de variable. Par exemple, comme je vous l'ai déjà dit, nous aurons un millier de lignes de codes. Nous allons donc manquer ce qu'est un type de variable car, par exemple, la variable est définie ailleurs dans un fichier connecté et nous ne pouvons pas la détecter. Et parfois, je veux dire comme quel exemple, si le type de cette variable est booléen, faites quelque chose comme ça. Ou si la variable a un type de chaîne, faites également quelque chose. Ainsi, il y a un opérateur appelé typeof. Définissons donc une variable. Nous l'appelons, disons. Et on peut dire type de variable comme celle-ci variable I. Et nous pouvons donner une valeur pour cette variable comme une chaîne ou donnons un autre nom à honorer pour avoir de la confusion, je dirai mon nom. Je dirai donc mon nom, par exemple, gras. Je vais donc consoles consigner ici la variable, donc je vais voir quel est le type de celle-ci. Je dirai donc ici, en utilisant le mot-clé qui est appelé tapez off comme un mot et toutes ses petites lettres. Ensuite, vous placez de l'espace, puis vous placez la variable dont vous souhaitez connaître le type. Donc, après cela, nous économisons. Et nous verrons dans le journal de la console une fois que nous aurons actualisé le type de cette variable. Je vais donc me rafraîchir et nous verrons que nous avons une ficelle. Donc, toutes les consoles sont passées. Et nous avons également ce journal de console sur la ligne 26, qui dit que le type de cette variable est chaîne. Donnons donc, par exemple, un nombre pour que nous puissions le changer en nombre, rafraîchir, ok, Comme vous le voyez, c'est un nombre qui lui donne, par exemple, une valeur false, comme si elle sera booléenne. Comme vous le voyez ici, nous avons un booléen. Donc, ne lui donnons rien. Nous pouvons donc dire simplement laisser mon nom sans attribuer de valeur. Voyons donc ce qui se passera lorsque nous nous rafraîchirons. Lorsque nous nous rafraîchissons, nous avons obtenu quelque chose appelé « indéfini ». Ainsi, indéfini est également le type de variables dont nous allons parler la prochaine conférence ou dans les prochaines conférences car non défini est quelque chose qui n'est pas initialisé. Cette variable n'a donc pas été initialisée avec aucune valeur, comme si elle n'avait pas de chaîne, qu'elle n'a pas de nombre et qu'elle n'a pas de type booléen. De cette façon, cette variable n'est pas définie. Donc, en général, lorsque vous voulez vérifier un type de variable, il suffit de dire le type de mon nom. Ainsi, vous serez en mesure d'obtenir ou de récupérer le type de n'importe quelle variable. En outre, vous pouvez récupérer directement un type de valeur comme je dirai ici, mon nom comme celui-ci. Et quand je me rafraîchirai, je l'obtiendrai sous forme de ficelle. Donc, soit vous transmettez une variable, soit vous pouvez passer directement la valeur. 30. Null et non défini: Comme nous l'avons vu précédemment, comme lorsque nous n'avons attribué aucune valeur à cette variable, nous avons vu qu'elle n'était pas définie. Le type non défini survient lorsque vous n'affectez pas ou lorsque la variable n'a pas d'initialisation. Et c'est aussi un type comme un numéro de chaîne et aussi booléen. On peut donc dire que je peux définir cette variable comme non définie comme un type de variable. D'accord ? L'autre objet ou l'autre valeur que vous pouvez donner, ou le type que vous pouvez attribuer à une variable est nul. Null est aussi comme rien, comme si ce n'est pas le cas, n'a aucune valeur, il n'a aucun type. Donc null nous donne l'impression que cette variable n'a aucune valeur. Et aussi, comme on ne peut pas dire le type d'œil, je n'y attends pas, comme si j'obtiendrais une ficelle ou que j'obtiendrais un numéro. La valeur null est donc utilisée normalement lorsque vous souhaitez attribuer une variable pour rien. Par exemple, cette variable que je peux dire est cochée, a une valeur auparavant et je veux l'initialiser sans rien. Vous avez donc deux façons. Comme l'un d'entre eux, vous pouvez dire que cela n'est pas défini, comme si cela n'est pas initialisé ou non initialisé. Ou vous pouvez dire que c'est nul, comme les deux vont bien, mais le plus grand nombre de États-Unis et je vous conseille d'utiliser n'est pas de valeur. La valeur Null n'est pas égale à non définie. Soyez prudent, comme si vous dites que si cela est égal à tel ou tel indéfini égal à null, vous n'y arriverez pas. Ils sont donc totalement différents. Donc, aucun n'est tout. Quel est notre type de tout ce qui n'est pas mentionné auparavant ? Et toujours se référer pour rien ou vide ou la valeur est inconnue. Normalement, cette valeur non définie est réservée en tant que valeur d'initialisation par défaut pour les objets non attribués ou les variables non attribuées. Ainsi, lorsque vous définissez une variable, vous devenez indéfini. Il vaut mieux ne pas attribuer non défini par vous-même. De plus, lorsque vous souhaitez attribuer une valeur qui est comme si elle n'avait aucune valeur. Comme on peut dire une variable, elle n'a aucune valeur. Il vaut mieux lui donner une valeur nulle, pas indéfinie. 31. Opérateur de coalescing Nullish: En JavaScript, il existe un moyen comme vous pouvez donner une valeur de somme variable d'une autre valeur comme nous l'avons vu précédemment. Mais lorsque cela, une autre variable n'a aucune valeur, nous pouvons lui attribuer une valeur par défaut. Expliquons donc cela. Donc, tout d'abord, je peux définir une constante et je l'appelle, par exemple, mon nom deux ou le deuxième nom. Je dirai donc que cette variable est égale à mon nom. Mais dans un cas, mon nom a une valeur nulle. Je peux dire que mon nom à avec une valeur par défaut. Alors comment je peux le faire pour l'instant, accord, nous pouvons enregistrer, nous pouvons également faire un journal de console pour cette variable que j'ai définie, qui s'appelle Mon nom deux. Et ensuite, nous obtiendrons, ainsi que cette variable. Nous allons donc entrer dans la console null. Nous avons donc ici nul. Alors maintenant, je continue à montrer que, par exemple, cela a une valeur, je dirai que par exemple, c'est gras, encore une fois, comme mon nom. J'arrive donc ici comme si le type était chaîne et que mon nom est assez le journal de la console en raison de l'attribution de cette variable, mon nom aussi à mon nom. Ok, donc de cette façon, quand je dirai OK, mon nom, d'accord, nous aurons la même valeur que ça, mon nom. Mais je veux dire que si celui-ci, mon nom n'est pas encore défini ou n'est pas encore initialisé, alors je peux donner mon nom à une valeur par défaut. Je dirai donc ici que pour cela, je peux poser deux points d'interrogation. Et puis j'ai donné la valeur par défaut, ce que je veux. Par exemple, je vais dire mon nom de famille jusqu'à présent, la Noaa. Ainsi, lorsque j'enregistre et que mon nom n'est pas défini, j'obtiendrai mon nom à cette valeur appelée non. Il s'agit donc d'une vérification des connaissances ou des connaissances. On peut dire opérateur de coalescence des connaissances. Ainsi, mon nom doit obtenir cette valeur par défaut lorsque mon nom n'est pas défini. Essayons donc ça. Bon, comme vous le voyez, cette valeur ou cette variable n'est pas définie. Et il a obtenu cette valeur, qui est comme la deuxième option pour après cet opérateur de connaissances. Donc, quand je donne une valeur à mon nom, je dirai ici vendredi, accord, c'est maintenant défini. Il a une valeur appelée gras. Nous sauvegardons et actualisons, ok, que notre variable, mon nom deux, nous pouvons dire ici pour que ce soit plus facile, mon nom deux égal. Et nous pouvons mettre ici plus juste pour apprendre et égaler mon nom. Alors, économisons. Essayez encore. Désolé, j'ai ici économisé. Donc mon nom deux est égal à gras. Mais quand cela n'est pas défini, je me rafraîchis. C'est non, car ici j'ai cette valeur ou cette valeur par défaut. Prenez donc celle-ci par défaut si celle-ci n'est pas définie ou nulle. Donc, quand je donne cela à null, il passera à la valeur par défaut. C'est donc très bien pour initialiser des variables. Lorsque vous n'êtes pas sûr que certaines variables aient une valeur nulle ou non définie, vous pouvez attribuer une valeur par défaut, ce qui sera sûr pour cette variable. Nous verrons que dans des matières plus académiques ou plus avancées, façon dont nous allons opérer toutes ces choses avec des if et des boucles. Et aussi dans le contexte de leur code. 32. Opérateurs de comparaison: Nous connaissons peut-être les opérateurs de comparaison des mathématiques et ils sont également disponibles en JavaScript. Supposons donc que nous ayons deux variables. Je dirai ici qu'un, par exemple, est un chiffre comme deux. Et que b est un nombre comme cinq. Donc maintenant, je peux dire comme un plus grand que B ou comme étant plus grand que A. Ainsi, vous pouvez définir tous ces opérateurs de comparaison également en JavaScript. Vous pouvez également vérifier si ces deux variables sont égales l'une à l'autre. Alors, comment pouvons-nous faire cela ? Essayons à nouveau de consoler le journal. C'est pourquoi le service informatique, par exemple, le journal de la console pour voir les résultats devant vous. Donc, je dirai, par exemple, a est supérieur à b. Donc, cela va se comparer pour moi à B. Si a est plus grand que b et que cela renverra la valeur de vrai ou de faux. Nous pouvons donc vérifier que dans le navigateur, je me rafraîchis, je me suis trompé parce que c'est vraiment vrai que a n'est pas plus grand que B, mais c'est inférieur à. Je peux donc dire que c'est plus petit que, alors quand nous nous rafraîchirons, je deviendrai vrai. Ainsi, avec ces signes, vous pouvez dire que tous ces opérateurs de comparaison mathématiques, vous pouvez également les définir en JavaScript. Donc, vous pouvez également dire que si une valeur plus grande ou plus petite ou égale, comme vous pouvez le dire comme ceci, si elle est plus petite ou égale. Et vous pouvez aussi le dire plus grand ou égal. Ainsi, lorsque a est plus grand que b, cela reviendra vrai. Lorsque a est égal à b, il retournera vrai également. Essayons donc ça. Je vais donner une valeur à huit. Rafraîchissons donc. Et vous obtiendrez un vrai et aussi un que je mets comme un cinq, puis ils sont égaux l'un à l'autre et je me débrouillerais aussi bien. Et si je veux, par exemple, disons, vous montrer l'autre exemple s'il est plus petit ou égal. Je vais donc m'en sortir aussi parce que c'est égal. Donnons donc une valeur, comme une plus grande valeur. On peut donc dire, ou une valeur inférieure. Nous pouvons donc dire que nous réussirons aussi bien si nous lui donnons une plus grande valeur, maintenant a est plus grand que b, donc cette condition n'est pas atteinte. Donc, je dirai ici ou je serai faux ici. Ainsi, vous pouvez comparer les variables entre les variables. Ce qui nous manque maintenant est égal, mais je ne veux pas plus grand ni plus petit et égal. Nous pouvons donc le dire aussi, seulement égaux. Donc, c'est seulement égal quand on met ça, c'est conditionnel. Il s'agit donc de vérifier entre deux variables ou deux valeurs ensemble. Ils sont égaux les uns aux autres ou non. Donc, quand je dis que c'est a est égal à 4 b, non, faux. Quand je mets a est égal à b, alors je deviendrai vrai. Ainsi, nous savons qu'un b est égal ou non. D'accord ? Je peux aussi vérifier si ce n'est pas égal. Je peux donc dire ici avec non, donc ce n'est pas le cas, donc je ne dis pas égal. d'exclamation signifie « pas égal ». Ainsi, je dirai que si un n'est pas égal à b, donc cela me reviendra un vrai, comme vous le voyez ici, je me suis rafraîchi, j'ai eu un vrai. Mettons-les donc égaux les uns aux autres. Je vais en mettre cinq ici. Et je me suis trompés parce qu'ils sont égaux les uns aux autres. Je demande donc ici s'ils ne sont pas égaux ou non. Donc, si de cette façon, je peux dire comme si j'ai un objet précieux ou similaire, je peux définir des conditions dans ma séquence de code. Je dis que si une variable n'est pas égale à une variable, le Zen fait quelque chose. Donc, ces opérateurs de comparaison, ils sont utilisés dans JavaScript exactement comment nous les utilisons en mathématiques. Pour cela, je veux que vous vous entraîniez sur les opérateurs de comparaison pour voir à l'avenir comment nous allons travailler en profondeur avec eux et faire notre logique de nos programmes. C'est donc avec le numéro. Que se passe-t-il si j'ai, par exemple, deux cordes ensemble ? Les deux mots comparent donc lettre par lettre. Je dirai donc ici un genre comme une corde. Et ici je dirai z. Je vais donc mettre ici x0. Donc je vais vérifier si un Zed est plus grand que Zed, regardez, ce sont des chaînes, donc nous pouvons vérifier cela. Je vais donc économiser, me rafraîchir. Je suis devenu faux. Ok, c'est égal à plus petit que B, d'accord ? C'est vrai. Il s'agit donc de vérifier également les ordres des chaînes. Donc, si je dis comme un Zed a, E. Nous allons donc vérifier si une valeur inférieure à B. Donc, elle vérifiera lettre par lettre. Je dirais donc que c'est plus petit que ça. Nous avons donc fini. Si un plus petit que z, alors d'accord, c'est fini, mais que se passe-t-il s'ils sont tous les deux un ? Je vais donc comparer a et a sont égaux, puis il passera automatiquement au deuxième personnage et les vérifiera ensemble. Z est plus petit que E. Non, il nous donnera de faux. Comme vous le voyez ici, c'est faux, mais quand je change ces lettres, donc ici sont égales, d'accord, donc il n'a aucune valeur, donc il passera à la deuxième lettre. Il va comparer H-I à Zed. Donc, il vérifiera si E est plus petit que cela, alors c'est fini, cela nous donnerait un vrai. C'est donc ainsi que vous pouvez comparer les chaînes. D'accord ? Et si j'ai un et B vous de différents types ? Par exemple, je dirai que j'ai un ici comme deux et que je l'ai en tant que numéro, comme on peut le dire. Voici donc deux sous forme de chaîne et l'autre en tant que nombre. Voyons donc si la compression fonctionne également. Je vais donc économiser, me rafraîchir. Je suis devenu faux. Par conséquent, a est plus petit que b est faux. Que se passe-t-il si je mets plus ou plus grand que ? Essayons ça. J'ai réussi. Ainsi, cela est égal à quelque chose, comme je l'ai dit, a est égal à 2 sans chaîne. La compression va donc essayer de le remplacer par un nombre, puis elle les compare ensemble. Ainsi, vous pouvez également comparer différents types de viables ensemble. De plus, nous pouvons dire que si a est égal à vrai et cela est égal à un. Vous pouvez donc les comparer aussi s'ils sont égaux les uns aux autres. Essayons ça. Nous verrons que c'est vrai pour nous. Donc vrai est égal à un, mais il n'est pas égal à 0. Essayons donc ça. Oui, c'est faux. Donc, faux est logiquement 0 et aussi par un. Ainsi, vous pouvez voir ici que nous avons vrai parce que faux est égal à 0 comme nous comparons ici. 33. Comparaison === et ==: Il y a quelque chose en JavaScript qui s'appelle une égalité stricte. L'égalité stricte est une vérification régulière de l'égalité. Mais cette vérification régulière de l'égalité que nous avions auparavant, comme celle-ci, pose un problème. Il ne peut pas faire la différence entre 0 et les chutes, comme vous le voyez ici, car c'est toujours un vrai. Mais dans les mêmes choses se produisent également lorsque vous avez une chaîne vide. J'ai donc ici comme une chaîne vide et je veux les comparer ensemble, je m'en sors. La chaîne vide est donc égale à false également. Cela s'est produit parce que les opérandes de différents types sont convertis en nombres par opérateur d'égalité. Et puis la chaîne vide est comme fausse, devient 200. La chaîne vide est donc égale à 0 car elle est convertie en nombre comme nous l'avons vu précédemment. Que faire si nous voulons vraiment faire la différence entre la chaîne 0 et la chaîne fausse ou vide et la faute ou la fausse. Ainsi, en tant qu'opérateur d'égalité strict, vérifiez l'égalité sans conversion de type. Ainsi, quand je mets un 3 égal ensemble, je dis comparer pour moi les valeurs et les types. Donc, quand j'ai ici deux égaux est vrai, alors je le ferai tomber maintenant parce que je compare aussi si a est ou a le même type de B. Donc, quand j'économise, je deviendrai faux parce qu'ils ne sont pas égaux l'un Donc, quand j'économise, je à l'autre comme Eh bien, quand je le fais avec 0. Comme vous le voyez, je suis toujours faux. Il est donc préférable de toujours utiliser toutes ces égalités strictes dans tous nos programmes, car nous différencions ensuite les types. En d'autres termes, si a et B sont de type différent, alors cet opérateur ou trois est égal, nous retournons immédiatement false sans aucune tentative de convertir ces deux nombres ou la chaîne vide en nombre. en va de même pour la non-égalité. Je dois donc dire que lorsque je veux savoir si une variable n'est pas égale à une autre, je dois aussi stricter le type. Je veux donc savoir s'ils ne sont pas non plus égaux en tant que liés ensemble. Il est donc vrai qu'ils ne sont pas égaux les uns aux autres. Mais si je reçois ici un opérateur ou un égal, alors je serai faux au lieu de passer parce qu'ils ont maintenant, accord, différents types, mais les mêmes valeurs de logique JavaScript. Donc ici, je vais obtenir a est différent de b, je deviens faux. Mais quand je reçois, c'est un type différent de b et différent. Oui, c'est vrai. C'est pourquoi nous obtenons toutes ces valeurs. Comme je vous l'ai dit, il vaut mieux toujours utiliser la conversion pour comparer le type. La même chose est nulle et indéfinie si je veux comparer la valeur nulle et indéfinie. Par exemple, si nous parlons auparavant, nous avons dit que null n'est pas égal à indéfini. Donc, je peux dire ici, mettons l'égalité en premier. Console, consignons ça. Je vais obtenir pour cela un vrai, ok, Null est égal à indéfini. Mais comme je vous l'ai déjà dit, null est différent de l'indéfini. Ils ont leur propre type. Donc, quand je mettrai ici un autre égal , je comprendrai que c'est faux parce que maintenant je compare les types ensemble. Aucun n'a un type différent de celui qui n'est pas défini. 34. L'opérateur ternaire: Vous souvenez-vous avant que je vous dise que nous pouvons utiliser opérateurs de comparaison avec un indicateur avec une instruction IF. Maintenant, nous avons en JavaScript moderne comme en ligne si je veux l'expliquer avant la déclaration if, ce qui est plus facile à comprendre et nous comprendrons facilement la déclaration IF. Donc maintenant supposons que nous avons a et B. Je dirai comme encore ici que nous avons une valeur 0, et B a également une valeur 2. De cette façon, je vais les comparer et donner une valeur pour une variable appelée C. Je dirai donc que si une valeur supérieure à B, C aura une valeur, par exemple, ou cinq. Si ce n'est pas le cas, il aura une valeur dix. Alors, comment écrire ça sur le code. Je dirai donc ici à définir une variable qui s'appelle c, qui est égale à cette valeur, qui est un résultat de comparaison entre a et B. Donc je dirai ici une valeur plus grande que B. Alors je mets la condition si, qui est un point d'interrogation après la déclaration. Je dis donc ici l'énoncé de comparaison, puis j'ai mis un point d'interrogation. Donc, si cela renvoie un vrai , C aura une valeur cinq. Si ce n'est pas le cas, alors avec deux-points, je dirai que cette valeur aura 10 ou C aura alors. Donc, après cela, c'est la console consigne la valeur c et supprimons celle-ci. Et nous verrons maintenant que C obtiendra cette valeur ou cette valeur en fonction de la comparaison entre a et B. Alors sauvegardons cela et essayons, ok, voyez, GOT 10. Pourquoi ? Parce que a n'est pas plus grand que b. Donc, quand a est plus grand que B, C aura donc 5. Donc je vais mettre ici, par exemple, 10, puis C en aura cinq parce qu'il est vraiment plus grand que b. Vous pouvez donc mettre ici n'importe quel opérateur de conversion que nous avons eu auparavant. Donc, quand je veux dire si a égal à b, alors c obtiendrait cette valeur. Ainsi, vous pouvez comparer ou attribuer une valeur à une variable en fonction d'une condition d'une autre variable. Je dirais donc ici, par exemple, si a est égal à 10, alors donnez C aussi y assister. Disons ou désolons cinq. Ainsi, nous effectuons une conversion et attribuons une valeur à une variable, initialisant avec l'une de ces deux variables. Donc, toutes ces valeurs, rappelez-vous, nous avons dû remettre en question, ce qui revient à attribuer une valeur par défaut. Et aussi lorsque cela, par exemple, a n'est pas défini. Ou nous pouvons avoir cet opérateur ternaire. Et cet opérateur ternaire est comme une déclaration IF pour la concurrence entre deux valeurs et vous donnant le résultat en fonction de cela. Il ne s'agit pas seulement de comparer des valeurs. Vous pouvez dire, par exemple, que j'ai ici une variable, on peut l'appeler, par exemple zed. Et le ZED a une valeur vraie. Il y a donc un vrai comme quelque part auparavant dans mon code. Donc je dis ici, ok, vérifiez pour moi, est que si c'est un vrai cadeau d'en voir cinq, sinon, donnez-lui dix. Comme vous le voyez, nous en avons cinq. Mais quand c'est faux , C aura 10. Ainsi, vous pouvez également définir n'importe quel booléen à l'intérieur de cet opérateur et le vérifier. Donc, vérifier cette valeur ici ou cette conversion renvoie vrai ou faux. Il doit donc revenir pour vous, vrai ou faux. 35. Opérateurs logiques: En JavaScript, nous avons aussi les opérateurs logiques comme AND, OR et NOT. Si vous vous en souvenez, nous avons parlé de NAT. Je ne peux donc pas dire quelque chose et non plus égal ou supérieur à, et nous l'avons utilisé surtout avec non égal. Vous pouvez également utiliser l'opérateur AND. Je peux donc dire ici dans notre exemple, comme pour moi, donnons un Zed et donnons un y, et ce y aura un vrai. Je peux dire ici, si Zed et pourquoi ? Comme si c'est faux et vrai, donnez une valeur cinq et donnez également une valeur dix quand elle est fausse. Expliquons cela plus clairement et plus facilement. Oublions ce C et supprimons ce journal de console pour ne pas avoir de confusion ou commentons. Nous pouvons donc le commenter comme je vous l'ai déjà dit. Et maintenant nous pouvons dire, ok, journal de console pour moi, comme Z et Y. Donc vous pouvez dire ici et l'opérateur est deux esperluettes t2 fois. Ensuite, vous pouvez utiliser l'opérateur AND ou la logique de fin. Donc il va consoler pour moi faux et vrai, alors ce sera faux parce que et c'est comme par exemple, la partie logique pour cela. J'ai donc le faux ici. Mais quand je dis cela zed ou comme ça avec des colonnes, deux colonnes, alors je vais passer parce que y est vrai. Il s'agit donc des opérateurs logiques que nous avons en mathématiques. Ainsi, vous pouvez aussi faire des compressions comme lorsque vous dites que si a est plus grand que b ou y, par exemple, vous allez passer, par exemple, ici, nous avons a est plus grand que b, ou deviner ici, désolé, B. Ensuite, nous aurons ici comme tous les y, alors c'est vrai. Donc, quand nous l'imprimerons un vrai, mais quand je dis ici et que je l'ai déjà dit, je m'en sortirai aussi parce que cette partie revient pour moi un vrai, alors vrai ou faux est vrai. Alors maintenant, donnons, par exemple, comme et je dirai ici, comme cette logique, nous pouvons dire vrai et faux. Nous revenons pour moi quoi ? Faux. L'opérateur logique en mathématiques suit donc cette voie. Et comme ça, ou c'est comme ça. 36. Precedence des opérateurs: Il s'agit également de la priorité des opérateurs dans les opérateurs logiques. Je peux donc dire ici comme par exemple, Zed et par exemple, ET, et un plus grand que B. Vous pouvez donc avoir plusieurs présidents, donc une priorité ici que les opérateurs logiques AND, OR sont toujours plus forts que le, par exemple, ces opérateurs de conversion. Ainsi, cela sera exécuté en premier et ensuite cela sera exécuté en premier, comme une résolution ou une dissolution véritablement toutes les valeurs en vrai ou faux, puis la conversion ou l'opérateur logique fera le travail. Tout d'abord, nous résolvons tous ces opérateurs de conversion, puis nous faisons la logique pour cela, par exemple. Prenons donc un exemple plus compliqué. Je voudrais donc l'expliquer dans des valeurs. Je dirai donc que c'est un autre vrai ou deux. Et y est aussi, on peut dire 5. Combinons donc plusieurs opérateurs logiques. Je dirai donc ici, si un plus grand que B, et on peut dire que b est plus grand que 0. On peut donc dire qu'il y a plus de 0. Et nous pouvons aussi avoir un est plus grand que Y. Ainsi, nous aurons dissous tous ces opérateurs. Essayons donc ça. Ok, on est faux parce que B n'est pas vrai, parce que c'est faux parce que b et z sont égaux les uns aux autres, donc ils ne sont pas parfaits. Donc, lorsque nous mettons cet égal comme supérieur ou égal, cela reviendra vrai parce que c'est vrai. Et B supérieur à z est vrai, et un plus grand que y est vrai. Et si maintenant, si je mets comme un opérateur logique différent, comme je vais mettre un an ou par exemple, alors je mets ici ou comme a ou plus grand que b, ou b plus grand que 0 et un plus grand que b. Alors quand j'appuie sur Enregistrer plus joli que le glycogène que nous avons installé, reformaté pour moi le code de cette façon. J'ai donc ici un plus grand que B ou cet opérateur. Il résoudra donc d'abord ce 1, puis il le comparera avec OR. Ainsi, avec ce schéma, c'est que nous avons donné la priorité à l'opérateur. Nous avons donc dit que résolvez pour moi ce plus juste, puis comparez-le avec l'utilisation ou l'opérateur logique avec le résultat de a et B. Donc vous pouvez dire aussi bien ici si j'ai un et, par exemple, peux dire ici et un plus grand que comme par exemple, huit ou six. Ainsi, comme vous le voyez, sont tous résolus d'abord, puis, ou prennent soin des résultats de ces deux opérateurs. Ainsi, vous obtiendrez la priorité de l'opérateur de manière à pouvoir travailler plus clairement avec votre style de codage. 37. Utiliser si: Dans la programmation en général, nous devons parfois effectuer différentes actions en fonction de conditions différentes. Nous avons déjà vu que certaines déclarations retournent fausses et certaines d'entre elles reviennent vraies. Sur cette base, je peux décider de faire quelque chose dans mon code. Par exemple, je vais vous dire que, d'accord, si moi, l'utilisateur met un mot de passe erroné, alors je lui montrerai un message d'erreur. Ou lorsque l'utilisateur a défini le bon mot de passe. Je le laisserai ensuite accéder à la page d'accueil ou au tableau de bord de mon application. Sur la base de cela, vous pouvez modifier le comportement de votre application, par exemple, et la séquence de celle-ci. Jusqu'à présent, je vais vous montrer comment construire les conditions et modifier leur comportement de votre application en fonction de certaines conditions. Supposons donc que nous ayons deux variables. Le premier est appelé a et nous en avons une valeur comme cinq. Et nous avons aussi b et la valeur de celui-ci est un. Donc, sur la base d'une décision comme je veux comparer A et B, je ferai quelque chose en fonction de cette comparaison. Pour ce faire, nous avons appris auparavant que je pouvais comparer a et B avec un plus grand ou un plus petit. Ainsi, nous pouvons également décider ce qu'il faut faire après la comparaison, car une valeur supérieure à b peut retourner pour moi vraie ou fausse en fonction des valeurs de a et B. Donc l'instruction if évalue une condition entre parenthèses, et si le résultat est un vrai, exécutez un bloc de code. Alors, comment pouvons-nous faire cela ? Je peux donc placer un si, et je peux placer ces parenthèses. Et entre ces parenthèses, quelque chose devrait être booléen, comme le résultat de H serait booléen Vrai ou faux. Peu importe le nombre de conditions et nombre de relations logiques entre les conditions que vous avez. Nous pouvons donc commencer simplement, comme je dirai, si a est plus grand que b, alors je peux faire quelque chose. Nous allons utiliser le journal de la console. Je dirai donc ici que vous devez ouvrir des accolades, ce que je vous ai dit qu'il contiendra le code exécutable de largeur de bloc. Donc, comme je vous l'ai dit, nous allons placer entre eux, si cette condition est vraie, que nous les placerons entre eux comme un journal de console, Disons que j'ai un console.log. Nous pouvons dire que a est plus grand que b. Ainsi, nous verrons dans le journal de la console une logique ou un message indiquant que a est plus grand que b, au cas où a est vraiment plus grand que b. Alors, sauvegardons ça et rafraîchissons. Et nous verrons, d'accord, a est plus grand que b. Donc cela a essayé, mais si je mets, par exemple ici, disons que a est 0. Donc maintenant, a est plus petit que b, donc pas plus grand. Dans ce cas, je ne verrai rien. Ainsi, le code ou la séquence du code n'a pas été entré ici pour exécuter le journal de la console car si la condition n'est pas valide, par exemple, car elle renvoie un faux comme nous l'avons vu précédemment. Donc, lorsque cela renvoie false , le bloc ne sera pas exécuté. Le code à l'intérieur du bloc. Vous pouvez donc placer autant de code que vous le souhaitez dans ce bloc. Donc, lorsque cette condition sera atteinte , toutes ces conditions seront exécutées. Voyons donc que je vais payer ici ou en mettre quatre ici. Ensuite, nous verrons que a est plus grand que B et que le code a été exécuté à l'intérieur de ce bloc. Donc, comme je vous l'ai dit, tout, retour logique conditionnel vrai ou faux est ici. Vous pouvez même définir une variable. Donc je peux dire ici si c'est fini, donc si un est vrai, alors exécutez ce code. Si a est faux, le code ne sera pas exécuté. Nous nous rafraîchissons, nous verrons la même chose. Donc, si je mets B ici comme faux , nous verrons cela. Ensuite, je dois vérifier B. Ensuite, nous verrons que ce code n'est pas exécuté parce que c'est faux. Si vous dites A et B, alors vous deviendrez faux parce que vrai et faux sont faux. Mais si nous mettons, par exemple, ou si nous aimons comment nous avons relié deux conditions ensemble, alors c'est vrai parce que vrai ou faux est vrai. Vous pouvez donc faire n'importe quelle logique que vous voulez ici pour placer un code spécifique basé sur la logique comme je vous l'ai dit, si l'utilisateur s'est connecté ou que la valeur de connexion de la valeur de variable est vraie, nous permettons à l'utilisateur de rediriger vers le tableau de bord. Sinon, nous ne l'autorisons pas et nous le laissons ou lui montrer un message d'erreur indiquant que son mot de passe est erroné. 38. Véritable et faux: Que se passe-t-il si je transmets un nombre à un F ou à une chaîne, ou à une fausse chaîne, ou à un nombre différent ou à un objet vide ou quoi que ce soit ? Pas un booléen comme je vous l'ai dit, pas une logique. Ainsi, le résultat est appelé vérité ou fausse. Ainsi, JavaScript traitera certaines valeurs spécifiques comme étant vraies ou fausses. Voyons donc ce qui est vrai et défectueux. Donc normalement, les développeurs tombent dans des erreurs à cause de cela. Je vais donc vous montrer comme d'abord, quel est le concept ? Et puis je vais vous expliquer comment vous pouvez tomber dans un piège ou une erreur de si la vérité et fausse en JavaScript à la valeur Russi est une valeur qui est compte lorsqu'elle est rencontrée dans un contexte booléen. Toutes les valeurs transmises à l'EF sont donc considérées comme vraies comme nous le verrons maintenant. Donc tout d'abord, si je dis que si c'est vrai comme nous l'avons vu dans la conférence précédente , d' accord, cela est pris en compte et cela va exécuter ce code. Essayons donc ça. Ok, nous avons ici, c'est vrai. Déplacons donc leur journal de console vers le suivant. Si je place un chiffre entre les crochets ou les parenthèses, qu'est-ce qui sera considéré de cette façon ? Ainsi, tout nombre, positif ou négatif, est considéré comme vrai. Donc, lorsque vous dites si le numéro est, sera transféré à une valeur vraie et ensuite il exécutera le code à l'intérieur de, if. Essayons ça. Rafraîchir a vu sa console consignée et si elle est exécutée, ce bloc est donc également exécuté. Par conséquent, si vous placez 0 dans une chaîne, elle est considérée comme vraie car toute chaîne, non vide, est considérée comme une vraie. Donc, quand vous dites si 0 ou quoi que ce soit, c'est considéré comme vrai. Déplacons donc ce journal de console. Vous pouvez vous déplacer dans Visual Studio Code à l'aide de la touche ALT et des flèches. Vous pouvez donc utiliser n'importe quelle instruction lorsque vous placez la souris dessus. Ainsi, la touche Alt et les flèches vers le haut ou vers le bas, vous déplacerez l'instruction dans la ligne. Ce sera donc dans Visual Studio Code. Et vous pouvez également utiliser la touche Options sous Mac OS. Donc maintenant, j'ai placé le journal de la console dans le 0, mais sous forme de chaîne, pas en tant que nombre. Ainsi, lorsque nous actualiserons, nous verrons qu'il est exécuté et que nous avons le journal de la console. Mais si je mets 0, comme ça, 0 est considéré comme faux comme nous l'avons vu auparavant. Donc, si nous transmettons cela à faux et que rien ne serait exécuté ici. Rafraîchissons le hockey. Nous n'avons rien ici. Donc, après cela, nous pouvons passer à une autre partie délicate avec c'est comme faux. Donc si je mets faux comme ça, cela sera exécuté ou non. Essayons donc ça. Ok, c'est vrai, pourquoi ? Parce qu'il s'agit d'une chaîne, ce n'est ni vrai ni faux. C'est un booléen. Mais quand c'est booléen comme ça, s'il est faux, il ne sera pas exécuté car le résultat de if est faux. Mais comme cela est considéré comme une chaîne, il s'agit alors d'une chaîne complète, alors elle sera transférée à true. C'est comme tomber comme n'importe quelle corde, rien d'autre. Et comme je vous l'ai déjà dit, n'importe quel nombre peut être considéré comme tel est vrai. Nous avons donc également le nombre négatif. en va de même pour les chars. La même chose s'applique également au nombre flottant négatif et aussi à la même chose pour l'infini. Je n'ai pas parlé de l'infini avant. infini est un nombre qui fait référence à l'infini comme un nombre infini. Ainsi, nous avons l'infini comme un négatif et un infini positif. Donc, nous les avons tous à travers le parce qu'ils sont considérés comme un nombre. Ecoutez, je mets la souris au-dessus et je reçois l'infini, c'est le numéro. De plus, nous parlerons d'objets plus tard. Ainsi aussi des objets vides, ils sont considérés comme véridiques. Vous n'avez pas à vous soucier de ça. Nous verrons les objets plus tard, mais gardez à l'esprit que les objets vides sont également véridiques. Je vous le montrerai plus tard et je vous en rappellerai plus tard. Donc partout est comme ici, également un tableau vide, ce qui est aussi comme tableau. Nous parlerons des tableaux plus tard. C'est la même chose, comme on peut dire des objets, on peut mettre la même chose. S'il s'agit d'un tableau vide, alors il est considéré comme une véritable création d'un objet de quelque chose ou d'une classe, comme nous le verrons plus tard, qui s'appelle date. Nous pouvons créer une nouvelle date de leur heure actuelle sur votre PC. Cela est également considéré comme vrai. Nous le verrons également plus tard. Donc tous sont considérés comme Rosie, la partie la plus importante que je veux que vous vous concentriez sur ces deux-là. Donc, quand on est tombé dans la ficelle, c'est vrai. Et si vous avez 0 sous forme de chaîne, c'est également vrai. Je veux donc que vous fassiez attention à ces points. Également en JavaScript, il existe un concept appelé falsy. Donc, comme vous le voyez ici, nous avons une vérité et nous avons des faux. Ainsi, les valeurs qui ne sont pas booléennes peuvent être considérées comme fausses, par exemple parce qu'elles sont booléennes, donc elles sont fausses. De plus, null est considéré comme un faux. Donc, lorsque vous avez une valeur nulle, cela signifie que cela ne sera pas exécuté. Donc, lorsque je mets ici un journal de console dans le si null, cela ne sera pas exécuté. Donc je peux dire que l'année, c'est faux, donc il ne sera pas exécuté. Essayons ça. Nous verrons que nous n'avons rien obtenu. Nous n'avons eu que la vérité pour une nouvelle date. Mais maintenant, si je l'enlève , nous n'avons rien. Considérer non défini est également fausse. Donc, si vous dites si non défini ou si une variable n'est pas définie, alors dans ce cas, nous n'exécuterons pas le crochet entre l'IV. Donc aussi avec 0 et moins 0 et non pas un nombre et aussi une chaîne vide, tous considérés comme faux. Donc, lorsque j'ai une variable, a une valeur 0 ou moins 0, ou non définie ou non un nombre ou une chaîne vide. Dans ce cas, nous n'exécuterons aucun de ces si. Nous n'aurons donc aucun code exécuté entre ces crochets. Il s'agit donc d'un concept de vérité et de faux. J'espère que vous le comprendrez. Bien sûr, nous verrons plus tard plus avancé, par exemple, une expérience de travail avec le pratique. Vous verrez donc comment vous pouvez considérer quand vous devez dire que c'est fausse, tout est vrai. Le point le plus important que je veux considérer, certains disent que c'est comme OK, si j'ai une variable et si je veux dire si x, donc vous devez savoir quelle est une valeur de x pour être sûr que cette déclaration, ce serait exécutés ou non. 39. Si ...: Dans cette conférence, nous allons parler d'autre chose. Donc, si ce n'est pas faux ou si ce n'est pas vrai, nous avons une autre option. Sinon, comme je l'ai dit, si je ne veux pas aller, par exemple, dans un autre musée, je vais me garer. Ainsi, vous avez également cette logique. Donc, lorsque vous dites une valeur, si ce n'est pas vrai, vous pouvez en avoir une autre. Nous allons donc mettre ici un commentaire pour que vous puissiez télécharger ce code. Je vais donc dire ici si c'est le cas. Donc, dans ce commentaire, avons une variable. Je vais lui donner une valeur qui est vraie. Je dirai donc que B est en règle. On peut donc dire ici à r2. Et puis je dirai si c'est comme si B est vrai, puis exécutez pour moi que nous pouvons dire avoir un journal ici, nous pouvons mettre le journal de points de console et nous mettons B est vrai. C'est l'exemple le plus simple. Et alors vous n'avez pas à dire si ce n'est pas B, vous pouvez dire autrement, comme dans tous les autres cas, lorsque B ou cette condition n'est pas atteinte, alors vous pouvez faire autre chose. Je dirai donc que le log b de la console est faux. Ainsi, lorsque vous avez B est vrai, il exécutera cela. Si ce n'est pas le cas, il exécutera celui-ci. Essayons donc ça. Bon, nous avons une erreur. B a déjà été déclaré. Si vous vous en souvenez, nous avons déclaré cette variable ici. Alors appelons celui-ci comme un C. je puisse aller ici et lui donner SE. Vous devez donc faire attention à nommer vos variables pour ne pas comporter d'erreurs. Donc maintenant, nous avons c c'est vrai, non ? C'est vrai. Mais quand je le dis faux, alors, OK, C est faux. Prenons un autre exemple. Je dirai donc, par exemple, 20 ans, plus de trois. Bon, voyons voir. C est vrai. Le résultat est donc toujours vrai lorsque cette condition est atteinte ou lorsque c'est comme une vraie. Nous pouvons donc le changer. On peut dire que 20 c'est plus grand, donc nous en avons tous plus petits. Ensuite, nous avons C est faux car cette déclaration est fausse. Donc, en tant que question pour vous, si je retire tout ici, quel en sera le résultat ? Je veux que vous y réfléchissiez. Donc la logique dit que, voir maintenant n'a aucune valeur. Qu'est-ce que c'est, qu'est-ce qu'une valeur de z non définie ? Ainsi, l' indéfini ne sera pas abandonné ou il ne sera pas considéré comme un vrai. Donc, ça va devenir faux. Essayons donc ça. OK, C est faux. C'est donc un concept que je vous ai parlé vérité et de faux avant que vous n'ayez à vous soucier. Ainsi, lorsque C n'est pas initialisé, il est considéré comme non défini. Ainsi, vous pouvez exécuter l'autre. C'est donc la logique d'utilisation la plus simple entre si autrement, nous verrons plus de détails à l'avenir avec des exemples pratiques et aussi avec les quiz. 40. Boucle avec un: En JavaScript, nous devons toujours répéter certaines actions. Ou en programmation en général, vous devez répéter certaines actions jusqu'à ce qu'une condition soit atteinte. Je ne peux donc pas dire imprimer pour moi ou journal de console pour moi, comme de un à dix jusqu'à ce qu'une condition soit fausse. Alors, comment pouvons-nous faire cela ? Nous pouvons utiliser en JavaScript, il y a un mot clé qui est appelé alors. Et celui-là, vous pouvez l'utiliser. Et entre une certaine condition. Dans certaines conditions, il continuera de se répéter, de se répéter, se répéter jusqu'à ce que cette condition soit exécutée ou soit terminée. Donc exactement comme si ici sera comme une condition comme je dirai 10 plus gros que B, alors vous devez consigner quelque chose aussi, exactement la même chose. Donc, lorsque c'est vrai, cela continuera à s'exécuter. Il ne sera pas exécuté une fois comme si, mais il continuera à s'exécuter jusqu'à ce qu'une valeur ou ce temps soit cassé, jusqu'à ce que cette condition soit cassée d'une manière ou d'une autre. Par exemple, donnons une condition simple. Je dirai que c'est vrai. Donc, de cette façon, comme nous avons un vrai, comme vrai. Ainsi, lorsque vous enregistrez, actualisez votre page, vous obtiendrez beaucoup de journal de console et veillez à obtenir une boucle illimitée. Ainsi, nous obtiendrons un journal de console illimité de temps. Donc, comme vous le voyez ici, nous avons maintenant près de 100 déchirures ou ça se répète. Ainsi, vous devez faire attention à ne pas planter votre navigateur. Mettons ici, revenons et rafraîchissons la page. Ok, maintenant je ne peux pas me rafraîchir car il est vraiment coincé parce que j'ai une boucle infinie. Je dois donc fermer le navigateur et l'ouvrir à nouveau. Donc, pour avoir une condition ou changer leur état où la faune sauvage, cela peut s'arrêter dans un certain temps. Nous pouvons procéder comme suit. Nous pouvons donc, par exemple, définir une variable appelée œil. C'est normalement dans la programmation pour laquelle l'IA est utilisée, comme je le nomme pour des choses répétées. Ainsi, vous pouvez dire que si je suis, par exemple, plus petit que dix, vous pouvez consoler le journal. Par exemple, nous pouvons mettre l'œil lui-même comme s'il comptait pour nous de 1 à 10 ou de 0 à dix. Mais nous devons toujours changer la valeur de l'œil. Sinon, cette condition restera à travers et nous entrerons également dans une boucle infinie, par exemple. Maintenant, je vais avoir plus. Donc, si vous vous souvenez, nous avons dit que je plus, en plus, en augmentant la valeur de la variable d'un, c'est exactement la même chose que vous dites comme je plus ou je suis égal à I plus un. C'est donc exactement la même chose que nous l'avons fait avant et nous en avons déjà parlé auparavant. Essayons maintenant et rafraîchissons. Ok, on a obtenu 0, 1, 2, 3 jusqu'à neuf. Nous avons donc vu que cette condition était atteinte jusqu'à neuf ans. Donc, quand j'ai une valeur neuf, ce qui est vrai parce que neuf est inférieur à 10, alors il conservera la journalisation de la console. Mais vous pouvez aussi mettre quand je suis plus petit ou égal à 10. On peut donc dire qu'il faut passer de un à 10 comme vous le voyez ici. Ainsi, le journal de la console fonctionne correctement dans certaines conditions spécifiques et il se répète plusieurs fois en fonction d'une condition quelconque Pendant le temps. C'est mieux que d'avoir un journal de console. Console de consoles, journal, journal de console pour. Vous voyez, nous avons enregistré beaucoup de lignes de codes. Ainsi, nous avons créé un journal de console une fois, puis nous l' avons répété plusieurs fois en utilisant willl. Faites attention au plus important de ne pas entrer dans la boucle infinie. Sinon, vous allez casser ou planter votre programme et le navigateur restera bloqué et vous devrez le fermer ou le forcer à le fermer de la même manière que vous pouvez donner, par exemple, à 10, bloqué et vous devrez le fermer ou le forcer à le fermer de la même manière que vous pouvez donner, par exemple, à 10, comme j'en ai dix et vous pouvez donner moi moins, moins. Et pendant que j'y suis, on peut dire que c'est comme si tu peux le configurer. Vous pouvez configurer la condition pour qu'elle soit, par exemple, alors que je suis plus grande ou égale à 0, alors nous aurons moins moi, que j'aurai moins de valeurs. Je vais donc compter de dix à 0. Essayons donc exactement ça. Nous avons 10 à 0. De cette façon, nous pouvons toujours considérer cette condition lorsque c'est vrai, cela continuera d'être exécuté. Je vais maintenant supprimer cette condition. Je vais rester juste, moi, donc juste comme un test pour vous sur le faux et la vérité. Alors maintenant, quand j'économise, pensez-vous que j'entrerai dans une boucle infinie ou non ? Donc, si vous vous souvenez, nous aurons moins et cela peut être moins un, moins deux, moins trois. Mais voyons ce qui va se passer. Bon, je vais économiser, me rafraîchir. Joli. Je n'ai pas de boucle infinie et je ne suis pas allé à moins y. Parce que si vous vous rappelez, je vous ai dit que si 0 est faux, donc l'œil, quand il atteint 0, alors cette condition sera fausse et ensuite le tandis que la boucle sera cassée et n, elle s'arrêtera. Il n'ira donc pas plus loin que 0 car cette condition lorsque l'œil est 0 est fausse. Il s'agit donc de faire attention au personnel faussement et honnête, dont j'ai déjà parlé. Il est très important que vous sachiez exactement ce qu'un comportement de votre programme va faire, surtout lorsqu'il y a une valeur cachée que vous ne pouvez pas considérer comme celle-ci. 41. Boucler: Nous avons donc vu avant cela, lorsque nous sommes en boucle dans un certain temps, que cette condition doit apparaître pour que le peut ou le développeur puisse entrer dans la boucle. De cette façon, nous allons voir si nous avons la possibilité d'exécuter une commande comme nous l'avons entrée dans la boucle, puis nous vérifions la condition. Donc, la façon de le faire est d'utiliser do while. C'est donc exactement la même chose que pendant le temps, mais nous le changeons pour le faire. Donc, la taxe scion pour cela, que j'utiliserais un clavier appelé dû, puis vous exécutez le code que vous voulez faire. Par exemple, je veux tout avoir. Revenons à la simple, ce qui est comme, disons que j ou k ou non, n'a pas d'importance. Vous pouvez donner n'importe quel nom. Donc, laissez j est 0 et vous pouvez dire journal de console pour moi J. Et après cela, vous pouvez vérifier cette condition. Nous pouvons donc dire, eh bien, que nous ne devons pas non plus entrer dans une boucle infinie. Il faut donc dire j plus. Alors augmentez pour moi que j plusieurs fois jusqu'à ce qu'une condition se produise. Donc je dirai ici, et puis j'ai mis mon état Yj est plus grand que 10. Ainsi, la différence ici que nous sommes dans un certain temps, dans un moment normal, dans un moment normal, nous n'entrons pas dans le contenu du moment tant que nous ne vérifions pas si cette condition est atteinte ou non. Mais ici, en faisant, Il sera exécuté au moins une fois. Il passerait donc à temps à l'intérieur de ces crochets et exécuterait ce code, puis vérifierait la condition. Essayons ça et économisons. Allez-y encore. Nous allons bien, nous allons peut-être commenter cette année, donc nous n'avons pas besoin d'être exécutés, donc pour ne pas le voir dans la console. Cette condition n'a été exécutée que sur 0 car nous avons exécuté 10 n'est pas plus grand que 10, donc elle s'est arrêtée. Il est donc exécuté une fois et il s'est arrêté. Mais maintenant si je le fais ici, comme si j ou 0 est inférieur à 10, cela fonctionnera. Nous avons donc ici 0 à neuf, exactement la même chose que pendant. Mais la différence est que l'exécution du contenu de la période sera une après avoir atteint la condition si elle est vraie ou fausse, c'est dans un certain temps, mais en faisant, nous exécutons le code au moins une fois. 42. Boucle avec pour: Donc, en JavaScript, il existe également un autre type de bouclage. Nous avons donc du temps, nous avons le temps, et nous avons aussi quelque chose à réclamer. Commentons donc cela pour ne pas nous déranger dans le contexte suivant. Nous avons donc ici la boucle for. La boucle for est aussi quelque chose comme pendant. Comme nous avons une variable qui est moi et nous avons comme une condition et nous avons aussi l'incrément, mais tous sont en une seule ligne. Alors, comment puis-je le faire ? Je dirai donc ici la boucle FOR. Et puis, avec cela, je définit une variable. Je dis par exemple, k aussi, je l'initialiserai avec une certaine valeur. Comme je vous l'ai dit, nous avons toujours tout initialisé au début de chaque boucle. Et puis je dis la condition que je veux rechercher. Je dirai donc que je suis plus petit que 10. Ensuite, nous ajoutons un point-virgule entre toutes ces parties afin de pouvoir définir notre boucle for. La dernière partie est donc l'incrément. Vous pouvez donc augmenter le k comme un par un. On peut donc dire « k plus », plus. Et à l'intérieur de ces crochets, nous allons avoir l'exécution du code. Le code ici sera donc exécuté 10 fois en fonction de cette condition que nous avons mise, et sur la base de cette initialisation que nous avons. Essayons donc ça. Et je vais également ajouter un journal de console. Nous allons donc consoler consigner la valeur qui s'appelle k. Alors sauvegardons cela. Ok, le code est à nouveau formaté par plus joli, donc nous actualisons, nous avons 0 à neuf ont également vu que cette condition est atteinte en fonction de toutes ces règles que nous avons mises en place. Donc, initialisation. Et puis une condition puis l'incrément, vous pouvez également augmenter le K à deux fois. Nous pouvons augmenter k autant que nous le voulons, sorte que nous pouvons l'augmenter de deux. Vous pouvez donc dire que k est égal à k précédent plus 2. Il augmentera donc deux par deux, deux étapes. Il comptera donc 02468. Donc, jusqu'à ce K, il en aura 10. Cette condition n'est donc pas atteinte et elle ne la consolera pas ici. Vous pouvez donc avoir un concept plus court ici. Vous pouvez donc dire k plus égal à deux. Il est donc plus court, comme obtenir la valeur k précédente, puis en ajouter deux. Encore une fois, ce sera pareil. C'est quelque chose comme un plus, plus. Ok, maintenant, une autre question s'est posée. Puis-je ajouter d'autres conditions ici ? Comme si vous vous rappelez, nous faisions avec les multiples conditions IFS ou en général, nous utilisions l'opérateur AND AND OR. Ainsi, vous pouvez également ajouter certaines conditions. Mais lorsque cette condition est cassée , la boucle for s'arrête. Je dirais donc, par exemple, que je dirai quand K, on peut dire et que k est égal à cinq. Il imprimera donc pour moi comme 02 puis quatre, mais il n' augmentera pas , par exemple, plus de cinq. Parce que de cette façon, k, quand elle est égale à 0 ou égale à cinq, alors cette règle est vraie. Mais après cela, ce n'est pas atteint. Ou bien, il faut dire que c'est plus petit. Ainsi, quand elle est égale, elle est déjà cassée car k au début est 0 et cette condition n'est pas atteinte. Essayons donc ça. Ok, nous n'avons pas de sortie. Donc, quand je dis, ok, k est plus petit que cinq, alors j'ai 0, 2 et 4. Cette condition doit donc toujours être vraie. Quand c'est faux, la boucle s'arrête. Donc, il est opposé à avoir comme certains, on peut dire des conditions qui sont comme, d'accord, j'y suis allé quand cette condition n'est pas atteinte, j'ai été sauté numéro cinq. Non, il se brisera exactement lorsque cette condition est fausse. Lorsque vous voulez ignorer le numéro cinq. De cette façon, vous devez mettre une déclaration if à l'intérieur. Voyons comment nous pouvons le faire. Donc je vais le faire ici, comme si on le remettra à plus, plus. Nous n'avons pas plus deux. Et puis je supprimerai cette condition ainsi que l'opérateur final. Et ici entre les crochets, je peux en ajouter un autre si oui, vous pouvez écrire des instructions if à l'intérieur pour les boucles. Aussi, cela s'est produit avec le temps et le fait. Vous pouvez donc la même chose, vous pouvez mettre une instruction if dans d'autres instructions. Donc maintenant, je dirai, si nous pouvons dire que k est égal à cinq ou pas égal à cinq, alors faites un journal de console pour moi. Les valeurs seront donc imprimées pour k sauf le numéro 5, comme nous le verrons maintenant. Nous avons donc ici 0, 1, 2, 3, 4 et 6. Nous avons donc sauté le numéro 5 de cette façon. Mais si vous mettez ici ça, d'accord, quand k n'est pas égal à cinq, alors il s'arrêtera aux cinq. Donc nous pouvons l'avoir fait, nous allons rater le reste de la boucle, qui est 6, 7, 9 ou 8 et 9 parce que cette condition est brisée. Ainsi, la boucle for s'arrêtera immédiatement. 43. Brisez et poursuivez: Nous avons donc appris que lorsque la condition est fausse, alors la boucle va être rompue et nous sortons de ce contexte. Donc pour cela, mais nous pouvons aussi forcer la sortie même si cette condition est vraie. Nous pouvons donc utiliser des mots-clés définis en JavaScript, ce qu'on appelle une pause. Vous pouvez donc aussi casser cette boucle, même cette condition est toujours vraie. Nous ne pouvons donc pas le faire. Par exemple, je vais créer, par exemple, une invite qui ressemble à une fenêtre contextuelle sur la page comme celle-ci, notre page Web et demandant à l'utilisateur d'entrer un numéro. Et nous lirons ce numéro de l'utilisateur. Et nous allons ajouter la somme. Ainsi, une fois le SMS terminé ou lorsque l'utilisateur n'a pas mis de valeur, il affichera le résumé ou la valeur de somme des nombres que l'utilisateur a mis jusqu' à présent pour que nous puissions également utiliser la boucle while. Et nous allons utiliser la pause quand il y en a ou lorsque l'utilisateur ne met aucune valeur. Avant cela, je voudrais vous expliquer avec un petit exemple de la pause. Donc, si vous vous souvenez que nous avons enfreint la règle ou la boucle quand il y a une condition qui n'est pas atteinte. Nous pouvons donc copier le même exemple et commenter ce journal de console pour qu'il n'y ait pas plusieurs journaux de console ici, sorte que nous puissions toujours en conserver un. J'ai donc laissé k, ou vous pouvez en avoir un autre, que nous pouvons appeler x. Et ce x est plus petit que 10 x plus, plus. Et nous pouvons dire comme au lieu de comme, par exemple, pas égal, je peux dire comme quand x est égal à cinq, puis garder la consigne de la console et ensuite casser. Ensuite, nous allons enfreindre la règle. Nous pouvons donc en avoir ici comme ça, bien sûr n'en imprimer que cinq car lorsque x seulement cinq, nous pouvons déconnecter cette console. Et nous verrons comment nous brisons ce rôle. Ainsi, la rupture de mot clé va arrêter la boucle for même si cette condition est atteinte comme on peut dire que c'est vrai. Nous avons donc ici comme X, quand il en aura cinq, il va casser la boucle. Même. X a une valeur cinq, et cette condition est semblable à cinq, plus petite que dix est vraie. Nous pouvons donc le voir en réalité. Nous avons donc ici et l'erreur K n'est pas indéfinie. Nous pouvons donc avoir eu une erreur parce qu'ici nous ne l'avons pas défini comme un K, nous l'avons défini comme x. Donc je vais le répéter. Donc j'aurai 0, 1, 2, 3, 4, 5, puis le casser le dense continue à 10. C'est la raison pour laquelle j'ai une pause ici quand la valeur X a cinq. Avant que je vous montre que nous en sautons cinq aussi. Nous continuons donc de 0 à 10, mais nous en avons sauté cinq. Ici. Nous pouvons faire de même. Donc, vous n'avez pas à mettre si x n'est pas égal à cinq, alors d'accord, continuez ou casse. Nous pouvons donc utiliser un mot-clé appelé continuer. Donc, avec ce mot clé que nous disons pour la boucle for, OK, Continue et parti. Ne conservez rien de consoles et ignorez le code qui se trouve après l'instruction if. Donc avant que nous ayons le journal de la console avant. Pour que la véritable réalisation de ce processus se poursuive, nous verrons qu'elle continuera également à boucler le nombre, mais elle sautera les cinq. Voyons donc que maintenant je vais économiser et que je verrai bien, 0. Et puis j'ai sauté les cinq. Cela se produit parce que lorsque je dis continuer, le code de repos ne sera pas exécuté lorsque la valeur de x est cinq. Il va donc ignorer tout ce qui est en dessous. De cette façon, nous sautons lorsque l'IKS a une valeur cinq. C'est exactement la même chose quand je dis que si k n'est pas égal à cinq, alors ok, gardez la consigne. Mais quand il est égal à cinq, il ne consolera pas car ce court ou cette condition n'a pas de valeur vraie, donc elle sera fausse. Passons maintenant à notre exemple. Ok, je vais avoir ici le journal de la console. Je vais le commenter. Je les commente. Vous pouvez les activer lorsque vous téléchargez le code depuis cette section et vous pouvez essayer vous-même. Mais je leur demande de ne pas les avoir dans la console et nous sommes confondus avec l'autre exemple. 44. Accumulateur de numéros de l'exemple pratique: Bon, prenons maintenant un exemple pratique. Par exemple, je vais utiliser une boucle infinie. Ok, ne soyez pas choqué. Je vais utiliser une boucle infinie, mais je vais la casser d'une manière ou d'une autre. Par exemple, nous allons avoir un accumulateur de nombres. Nous allons donc demander à l'utilisateur de mettre des nombres jusqu'à ce qu'il appuie sur Annuler ou qu'il appuie sur ou mette une valeur vide, puis cette boucle sera cassée et nous afficherons pour lui le résumé ou la valeur de l'accumulateur des nombres qu'il a saisis auparavant. Essayons donc maintenant. Tout d'abord, j'ai besoin d'une variable appelée somme. Donc, cette somme, vous pouvez le nommer n'importe quoi. Il commencera donc à partir de l'euro et aura notre valeur d'accumulation. Mais avant d'aller plus en détail, je veux vous montrer comment obtenir une valeur de l'utilisateur. Ainsi, en obtenant une valeur de l'utilisateur, vous pouvez dire, par exemple, laisser valeur et vous pouvez lui donner n'importe quel nom. Et nous utilisons un mot-clé en JavaScript , appelé invite. Et cette invite affichera dans le navigateur une fenêtre contextuelle et demandera à l'utilisateur de mettre de la valeur. Quel est donc le message que vous souhaitez afficher pour l'utilisateur ? Vous pouvez mettre ici n'importe quelle ficelle. Je veux donc dire comme entrer le numéro ou entrer un numéro. Et puis le deuxième paramètre, il sera comme par défaut, une chaîne vide, comme si nous n'avions pas de chaîne vide. Vous pouvez donc le mettre sous forme de 0 ou de chaîne vide. Ensuite, vous pouvez consigner la valeur saisie par l'utilisateur dans la console. Essayons donc maintenant. Et je vais sauvegarder, exécuter l'application. Comme vous le voyez, cette page indique entrer un numéro. On peut donc mettre un chiffre comme cinq, 55. Et je viens ici et la console d'erreur n'est pas une fonction, ok, nous devons mettre console.log non seulement console. Nous sauvegardons à nouveau, réexécutons notre application. Et nous verrons ici, d'accord ? Et puis nous voyons que la valeur est imprimée ici, mais ce n'est pas un violet, donc c'est une chaîne comme vous le voyez ici. Nous recevons donc de cette invite le nombre sous forme de chaîne ou quoi que ce soit sous forme de chaîne. Nous pouvons donc changer cette valeur comme en la convertissant, si vous vous souvenez, nous mettons avant un nombre comme celui-ci, et nous créons cette valeur. Alors, après cela, quand avons-nous cette invite ? Je peux mettre ici 555. Et je l'ai eu comme un violet qui indique aux DevTools qu'il s'agit d'un numéro. Il existe un autre moyen de convertir deux nombres que vous pouvez utiliser au lieu du nombre et de les placer entre parenthèses ou entre parenthèses. Vous pouvez utiliser un plus, le plus derrière la valeur ou derrière une chaîne. Nous allons convertir ce nombre ou cette chaîne en nombre. Essayons donc encore une fois. Je vais mettre ici un numéro et ensuite, d'accord, je l'ai en tant que numéro. Mais si nous mettons, disons une autre chose. Comme nous pouvions mettre des chaînes de lettres normales et nous n'en obtiendrons aucune, pas un chiffre comme vous le voyez ici. Faisons donc notre exemple. J'ai donc ici un résumé. Je vais définir une boucle de temps. Et cette boucle While est toujours vraie. Nous aurons donc une boucle infinie à l'intérieur, mais nous allons la casser d'une manière ou d'une autre. Donc, tout d'abord, je vais obtenir la valeur de l'utilisateur. Je dirai donc ici la valeur, et ensuite j'obtiens cette valeur. Et nous devons modifier cette valeur, qui est renvoyée par l'utilisateur en nombre. J'ai donc mis un plus ici. C'est exactement ce que nous avons fait avant ici. Comme si nous avons eu la valeur est une chaîne et nous l'avons changée en nombre. Mais vous pouvez mettre ici le plus directement. Après cela, nous allons vérifier si la valeur n'est pas nulle. Et si la valeur n'est pas une chaîne vide. Et si la valeur, par exemple, n'est pas définie lorsque l'utilisateur appuie sur Annuler, alors nous allons casser cette valeur, puis nous affichons la valeur de l'accumulateur, utilise-t-il ? Donc ici, je vais avoir un if et ceci si nous vérifions d'abord cette valeur si elle n'est pas ou non. Je ferai donc attention à ne pas mettre la valeur n'est égale à aucune. Comme nous ne pouvons pas y parvenir. Il est toujours devenu faux. Donc, si vous vous souvenez, nous avons eu un commentaire qui s'appelle « facile à zéro », puis j'ai mis la valeur à l'intérieur. Cela renvoie donc vrai ou faux lorsque cette valeur n'est pas un nombre. De plus, nous pouvons utiliser ou aimer avoir plus de condition, comme la valeur lorsque l'utilisateur, par exemple, met 0, par exemple. Parce que si vous vous en souvenez, nous avons dit que lorsque nous convertissons une chaîne vide en nombre, elle nous retournera 0. Ainsi, lorsque l'utilisateur ne met rien, il nous retournera 0. Ok, maintenant, quand cela, l' une de ces conditions est vraie, comme si ce n'était pas un nombre et que la valeur est 0. Ensuite, je dirai casser, casser cette boucle et m'en sortir, puis faire le résumé. Donc, si c'est vrai, alors il sortira de la boucle. Mais quand ce n'est pas vrai, nous sauterons cette partie et ensuite nous aurons un résumé égal au résumé précédent que nous avions auparavant dans la boucle, comme lorsque je reçois la première invite et la deuxième invite ou la deuxième fenêtre contextuelle, puis je résume, accumulant les valeurs saisies par l'utilisateur. Je dirai donc ici, accumulez pour moi la valeur. Le résumé est donc un résumé plus la valeur. Et puis à la fin, nous pouvons en dehors de la boucle, comme vous le voyez ici, pendant que et en dehors du moment, je peux consoler le résumé ou la valeur de somme, la valeur cumulée, qui provient de l'utilisateur, qu'il importe les valeurs depuis le navigateur. Alors, gardons ça. Essayez-le ici. Ok, c'est me demander d'entrer un numéro. Je vais en mettre deux. J'en ai mis deux autres. Je vais en mettre deux autres. Nous en avons maintenant six. Maintenant, je ne vais rien mettre. D'accord, j'en ai eu six ici. Le résumé est donc six parce que j'envoie à l'utilisateur ou à la glace et à la corde vide, il est changé en nombre. Et ensuite, ce chiffre est 0. Il a donc enfreint la règle. Essayons à nouveau, mais nous allons mettre une ficelle. Je dirai donc ici 20 à 22, puis je mettrai une ficelle. Donc, en convertissant une chaîne, nous ne définirons pas pour moi un nombre. Alors ça va casser la boucle, et ensuite j'en aurai 44. Alors que c'est vrai, je verrai toujours l'invite, qui est comme faire pour moi la fenêtre contextuelle et je reçois, en mettant le nombre jusqu'à ce que je mette une mauvaise valeur, ou que je reçoive, ou que je mette un 0. Ainsi, le résumé sera accumulé. Vous pouvez également, vous n'avez pas à dire journal de la console. Vous pouvez imprimer le résumé. Vous disposez donc d'une fenêtre contextuelle pour l'utilisateur car l'utilisateur ne peut pas ouvrir la console. Nous pouvons donc voir sous forme de popup, la fin du résumé ou la fin de cette boucle. Nous pouvons donc utiliser un mot-clé en JavaScript appelé alert. Il affichera également une fenêtre contextuelle, mais uniquement avec un message comme avec OK, comme si vous n'avez pas besoin d'entrer de valeur, comme nous l'avons fait avec une invite. Je vais donc mettre ici, comme on peut le dire, backticks, nous avons ici des tiques arrières. Et je mettrai un résumé, puis je mettrai la valeur de leur somme afin que nous puissions avoir ici la somme. Alors, gardons ça. J'ai encore essayé. J'ai mis 22, 33, 44, puis je mettrai 0. Et puis j'ai reçu un autre résumé rapide : 99. Et puis j'appuie sur OK, l'application continue d'exécuter la séquence de code qui se trouve en dessous. Pour cela, il faut savoir qu' est très important de rompre le temps quand c'est toujours fini. Et nous avons également réalisé et superposé plusieurs vies de personnel comme prompte et alerte. Et nous avons utilisé la pause pour briser cette boucle. 45. Pourquoi nous avons besoin de fonctions: Dans cette section, nous allons parler des fonctions. La première conférence de cette section est donc pourquoi avons-nous besoin de fonctions ? Bien souvent, nous devons effectuer une action similaire à de nombreux endroits du script. Permettez-moi de vous montrer un exemple. Dans cet exemple, je veux vous montrer l'utilisation des fonctions. Donc, si vous présumez que vous demandez à l'utilisateur d' entrer l'âge par le biais de son invite, ce que nous avons vu dans la section précédente. Je vais donc avoir l'âge et ensuite je vais faire une certaine logique. Alors quand l'âge sera inférieur à 60 ans et que je vais afficher deux messages, l' un comme carrelé, et il n'a pas le droit de conduire une voiture. Et aussi quand il est entre 16 et moins de 18 ans, il peut conduire la voiture avec ses parents. Aussi quand il est comme, par exemple, plus grand ou qu'on peut dire ici, comme plus de 18 ans, alors nous allons lui permettre de conduire une voiture et c'est un adulte. Donc, à chaque fois, j'affiche deux messages pour la même ou quatre chaînes différentes. Essayons donc cet exemple maintenant, par exemple, nous avons ici entré l'âge, disons encore, d'accord, alors entrez votre âge. Je vais donc mettre ici mon âge de 23 ans. OK. Vous êtes adulte. J'ai reçu le message, vous êtes autorisé à conduire une voiture. Ainsi, chaque fois que je rafraîchis la page, je mets un peu d'âge, puis je vais demander des messages basés sur la logique que j'ai créée ici. Mais comme vous le voyez, nous avons beaucoup comme nous pouvons le dire, du code répété. Nous pouvons donc créer une fonction qui me tient ces deux appels, comme dans un seul. Ainsi, je vais utiliser une seule ligne pour appeler cette fonction. Ensuite, j'utiliserai des alertes ou certains paramètres où je peux réduire mon code, les transmettre à leur fonction et afficher différents messages. Alors, comment pouvons-nous faire cela ? Je vais assimiler cette vidéo, bien sûr, je vais expliquer en détail les fonctions, mais je vais vous montrer pourquoi nous en avons besoin. Comme vous le voyez ici, j'ai défini une fonction. Bien sûr, nous verrons le contexte de la fonction. La fonction fait deux choses, comme les alertes. Premier texte et deuxième texte d'alerte. Et puis, dans chaque comparaison ou dans chaque logique, j'appelle cette fonction. Donc avant que nous ayons eu six de ces alertes, 121212, mais ici, nous n'avons plus que deux alertes et trois appels, donc nous réduisons leur code. Imaginez si vous aviez ici beaucoup de code et de logique et que vous l'utilisez à de nombreux endroits. Ainsi, la définition d'une fonction qui s'exécute dans de nombreux endroits comme ce code sera exécutée à différents endroits mieux que répétée partout. Il vaut mieux en créer une fonction. Donc, de la même façon, cela fera pour vous, le même travail. Nous allons donc avoir moins de code et des références plus compréhensibles ou plus compréhensibles à notre code d'origine qui sera détaillé et encapsulé dans une fonction. Dans cette section, nous allons parler en détail des fonctions, de la façon dont nous pouvons les utiliser, définir des paramètres et de la façon dont nous les appelons et créons des rappels et les utilisons efficacement en JavaScript. 46. Acumulator de nombres pratique: Bon, prenons maintenant un exemple pratique. Par exemple, je vais utiliser une boucle infinie. Ok, ne soyez pas choqué. Je vais utiliser une boucle infinie, mais je vais la casser d'une manière ou d'une autre. Par exemple, nous allons avoir un accumulateur de nombres. Nous allons donc demander à l'utilisateur de mettre des nombres jusqu'à ce qu'il appuie sur Annuler ou qu'il appuie sur ou mette une valeur vide, puis cette boucle sera cassée et nous afficherons pour lui ce résumé ou la valeur de l'accumulateur des nombres qu'il a saisis auparavant. Essayons donc maintenant. Tout d'abord, j'ai besoin d'une variable appelée somme. Donc, cette somme, vous pouvez le nommer n'importe quoi. Il commencera donc à partir de l'euro et aura notre valeur d'accumulation. Mais avant d'aller plus en détail, je veux vous montrer comment obtenir une valeur de l'utilisateur. Ainsi, en obtenant une valeur de l'utilisateur, vous pouvez dire, par exemple, laisser valeur et vous pouvez lui donner n'importe quel nom. Et nous utilisons un mot-clé en JavaScript , appelé invite. Et cette invite affichera dans le navigateur une fenêtre contextuelle et demandera à l'utilisateur de mettre de la valeur. Quel est donc le message que vous souhaitez afficher pour l'utilisateur ? Vous pouvez mettre ici n'importe quelle ficelle. Je veux donc dire comme entrer le numéro ou entrer un numéro. Et puis le deuxième paramètre, il sera comme par défaut, une chaîne vide, comme si nous n'avions pas de chaîne vide. Vous pouvez donc le mettre sous forme de 0 ou de chaîne vide. Ensuite, vous pouvez consigner la valeur saisie par l'utilisateur dans la console. Essayons donc maintenant. Et je vais économiser, exécuter l'application. Comme vous le voyez, cette page indique entrer un numéro. On peut donc mettre un chiffre comme cinq, 55. Et je viens ici et la console d'erreur n'est pas une fonction, ok, nous devons mettre console.log uniquement console. Nous sauvegardons à nouveau, réexécutons notre application. Et nous verrons ici, d'accord ? Et puis nous voyons que la valeur est imprimée ici, mais ce n'est pas un violet, donc c'est une chaîne comme vous le voyez ici. Nous recevons donc de cette invite le nombre sous forme de chaîne ou quoi que ce soit sous forme de chaîne. Nous pouvons donc modifier cette valeur comme en la jetant ou en la convertissant. Si vous vous en souvenez, nous mettons avant un numéro comme celui-ci, et nous créons cette valeur. Alors, après cela, quand avons-nous cette invite ? Je peux mettre ici 555 et je l'ai obtenu comme valeur, ce qui indique aux DevTools qu'il s'agit d'un nombre. Il existe un autre moyen de convertir deux nombres que vous pouvez utiliser au lieu du nombre et de les placer entre parenthèses ou entre parenthèses. Vous pouvez utiliser un plus, le plus derrière la valeur ou derrière une chaîne. Nous allons convertir ce nombre ou cette chaîne en nombre. Essayons donc encore une fois. Je vais mettre ici un numéro et ensuite, d'accord, je l'ai en tant que numéro. Mais si nous mettons, disons une autre chose. Comme nous pouvions mettre une chaîne, une chaîne de lettres normale et nous n'obtiendrons aucune, pas un chiffre comme vous le voyez ici. Faisons donc notre exemple. J'ai donc ici un résumé et je vais définir une boucle sauvage. Et cette boucle While est toujours vraie. Nous aurons donc une boucle infinie à l'intérieur, mais nous allons la casser d'une manière ou d'une autre. Donc, tout d'abord, je vais obtenir la valeur de l'utilisateur. Je dirai donc ici la valeur, et ensuite j'obtiendrai cette valeur. Et nous devons modifier cette valeur, qui est renvoyée par le, comme l'utilisateur, par un nombre. J'ai donc mis un plus ici. C'est exactement ce que nous avons fait avant ici. Comme si nous avions obtenu la valeur sous forme de chaîne et que nous l'avons changé en nombre. Mais vous pouvez mettre ici le plus directement. Après cela, nous allons vérifier si la valeur n'est pas nulle. Et si la valeur n'est pas une chaîne vide. Et si la valeur, par exemple, n'est pas définie lorsque l'utilisateur appuie sur Annuler, alors nous allons casser cette valeur. Et ensuite, nous affichons la valeur de l'accumulateur, utilisent-ils ? Donc ici, je vais avoir un if et ceci si nous vérifions d'abord cette valeur si elle n'est pas ou non. Veillez donc à ne pas mettre la valeur n'est égale à aucune. Comme nous ne pouvons pas y parvenir. Il est toujours devenu faux. Donc, si vous vous souvenez, nous avons eu un commentaire qui s'appelle « facile à zéro », puis j'ai mis la valeur à l'intérieur. Cela renvoie donc vrai ou faux lorsque cette valeur n'est pas un nombre. De plus, nous pouvons utiliser ou aimer avoir plus de condition, comme la valeur lorsque l'utilisateur, par exemple, met 0, par exemple. Parce que si vous vous en souvenez, nous avons dit que lorsque nous convertissons une chaîne vide en nombre, elle nous retournera 0. Ainsi, lorsque l'utilisateur ne met rien, il nous retournera 0. Ok, maintenant, quand cela, l' une de ces conditions est vraie, comme si ce n'était pas un nombre et que la valeur est 0. Ensuite, je dirai casser, casser cette boucle et m'en sortir, puis faire le résumé. Donc, si c'est vrai, alors il sortira de la boucle. Mais quand ce n'est pas vrai, nous sauterons cette partie et ensuite nous aurons un résumé égal au résumé précédent que nous avions auparavant dans la boucle, comme lorsque je reçois la première invite et la deuxième invite ou la deuxième fenêtre contextuelle, puis je résume, accumulant les valeurs saisies par l'utilisateur. Je dirai donc ici, accumulez de la valeur pour moi. Le résumé est donc un résumé plus la valeur. Et puis à la fin, nous pouvons en dehors de la boucle, comme vous le voyez ici, pendant que et en dehors du moment, je peux consoler le résumé ou la valeur de somme, la valeur cumulée, qui provient de l'utilisateur, qu'il importe les valeurs depuis le navigateur. Alors, gardons ça. Essayez-le ici. Ok, c'est me demander d'entrer un numéro. Je vais en mettre deux. J'en ai mis deux autres. Je vais en mettre deux autres. Nous en avons maintenant six. Maintenant, je ne vais rien mettre. D'accord, j'en ai eu six ici. Le résumé est donc six parce que j'ai envoyé à l'utilisateur ou n'est pas une chaîne vide, il est changé en nombre. Et puis ce chiffre est 0. Il a donc enfreint la règle. Essayons donc à nouveau. Mais nous allons mettre une ficelle. Je dirai donc ici 20 à 22, puis je mettrai une ficelle. Donc, en convertissant une chaîne, nous ne définirons pas pour moi un nombre. Alors, il va casser la boucle, et ensuite j'en aurai 44. Alors que c'est vrai, alors je verrai toujours l'invite, qui est comme faire pour moi la fenêtre contextuelle et je reçois, en mettant le nombre jusqu'à ce que je mette une mauvaise valeur ou que je reçoive, ou que je mette un 0. Ainsi, le résumé sera accumulé. Vous pouvez également, vous n'avez pas à dire journal de la console. Vous pouvez imprimer le résumé. Vous disposez donc d'une fenêtre contextuelle pour l'utilisateur car l'utilisateur ne peut pas ouvrir la console. Nous pouvons donc voir sous forme de popup, la fin du résumé ou la fin de cette boucle. Nous pouvons donc utiliser un mot-clé en JavaScript appelé alert. Il affichera également une fenêtre contextuelle, mais uniquement avec un message comme, ok, comme si vous n'avez pas besoin d'entrer de valeur, comme nous l'avons fait avec une invite. Je vais donc mettre ici, comme on peut dire des backticks, nous avons ici des backticks. Et je mettrai un résumé, puis je mettrai la valeur de leur somme afin que nous puissions avoir ici la somme. Alors, gardons ça. encore essayé, j'ai mis 22, 33, 44, puis je mettrai 0. Et puis j'ai reçu un autre résumé rapide : 99. Et puis j'appuie sur OK, l'application continue d'exécuter la séquence de code qui se trouve en dessous. Pour cela, il faut savoir qu' est très important de rompre le moment où c'est toujours fini. Et nous avons également réalisé et superposé plusieurs styles tels que prompts et alertes. Et nous avons utilisé la pause pour briser cette boucle. 47. Les bases de la fonction: La définition d'une fonction est vraiment facile. Nous pouvons utiliser le mot-clé appelé fonction. Ainsi, avec le mot-clé fonction, vous pouvez définir une fonction et lui donner n'importe quel nom fonction des variables de dénomination que nous avions auparavant. Par exemple, j'aurai une fonction appelée message SHO. Et puis il faut mettre des parenthèses. Et ces parenthèses, vous allez avoir des paramètres à l'intérieur. Nous en parlerons plus tard. Et ensuite, le contexte de cette fonction va se situer entre ces crochets bouclés. Ainsi, nous aurons à l'intérieur des instructions que nous avons vues auparavant, comme la façon dont nous avons mis du code à l'intérieur si ou à l'intérieur de la boucle for ou une boucle while. Je peux donc dire, par exemple, journal de console pour moi un message, je suis une fonction. Vous pouvez également ajouter une autre chose, par exemple, alerte, message d'alerte à l'utilisateur. Je peux dire que je suis une fonction d'alerte. Nous avons donc ici deux commentaires à l'intérieur de cette fonction, accord, quand j'exécute mon code JavaScript, je ne vois rien. Même dans la console. n'y a rien. Nous avons donc i1 pour exécuter ce code, j'ai besoin d'appeler une fonction. J'ai besoin d'appeler cette fonction que j'ai écrite. Alors, comment pouvons-nous appeler cette fonction ? Tout d'abord, vous devez avoir le nom de la fonction, c' est-à-dire le message SHO. Et puis, quand on veut l'appeler, il faut mettre ces parenthèses. Et ensuite, il vous faudra quelques paramètres comme nous le verrons plus tard. Donc, en fait, l'alerte est une fonction car j'appelle cette fonction ici avec un message. Également console.log. Log est une fonction car j'appelle cette fonction avec ce paramètre de parenthèse. Notre fonction n'a aucun paramètre, c'est pourquoi nous l'appelons ainsi. Réessayons notre application. Et nous verrons que je suis une fonction d'alerte, l'alerte est exécutée, et j'ai un code ou une chaîne dans le journal de la console. De cette façon, j'appelle une fonction. Il s'agit d'une déclaration de base. Nous verrons dans la prochaine conférence des choses plus compliquées en utilisant des paramètres et en définissant les fonctions de différentes manières. 48. Paramètres de fonction: Pour chaque fonction, vous pouvez ajouter quelques paramètres, comme je vous l'ai déjà dit. Par exemple, je peux définir une variable entre ces parenthèses, qui s'appellera paramètre, et vous pouvez lui donner le nom que vous voulez. Par exemple, je disais message. Ainsi, le message dans l'appel de la fonction sera remplacé par quelque chose que vous allez appeler. Et vous utilisez également cette variable de message dans votre fonction. Vous seul pouvez l'utiliser, vous ne pouvez pas l'utiliser n'importe où à l'extérieur. Donc de cette façon, je peux dire ce message SHO et ensuite je peux mettre ici le journal de console pour moi, comme on peut le dire ici, les coches arrière, comme le message bossé l'est. Et nous mettons ici un contexte précieux et nous qualifierons ce message de valeur. Ainsi, lorsque j'appelle le message SHO de la fonction, je peux passer n'importe quelle chaîne de caractères. Par exemple, je peux dire que je suis un paramètre. Ainsi, nous verrons le journal de la console Je suis une alerte de fonction et je suis aussi fonction d'alerte. Et puis je verrai un journal de console, le message passé est pentamètre iambique parce que j'ai appelé le paramètre de message SHO, qui s'appelle message, et je l'ai utilisé ici. Essayons donc ça. Ok, je suis en fonction de l'alerte. Je suis également entré dans le journal de la console. Allons appuyer sur OK. Le message passé est un paramètre. donc C'est donc très bien que je sois capable d'avoir une fonction dynamique. Je peux, je peux appeler cette fonction plusieurs fois mais avec un objectif différent. Par exemple, je dirais qu'il en a appelé un. Et ici, je dirai l'objectif 2. Et je suis un paramètre et par exemple, je le suis, vous ne pouvez pas mettre votre nom par exemple. Ainsi, j'appelle cette fonction plusieurs fois, mais avec un message différent, elle sera donc remplacée ici. Essayons donc ça. Ok, je suis en fonction de l'alerte. Au fait, c'est le premier objectif. Et je suis fonction d'alerte, c'est un deuxième objectif du message. Nous avons donc le message passé est un bon, je suis un paramètre. Et puis j'ai obtenu que je suis fonction d'alerte. Et puis j'ai obtenu le deuxième but. Pour l'expliquer davantage, supprimons ce truc. Donc ici, comme le journal de la console ou les commenter. Journal de la console, je suis une fonction d'alerte propre de l'alerte. Enlevons-les. Maintenant, je vais appeler uniquement le journal de la console avec cette chaîne. Ainsi, je vais passer au message passé est l'objectif 1 et l'objectif 2 parce que je l'ai appelé deux fois avec des paramètres différents. Autant que vous le souhaitez, vous pouvez appeler cette fonction et modifier ces paramètres à l'intérieur. Et vous aurez exactement le même comportement, mais avec une chaîne différente car nous remplaçons le message de chaîne par la valeur transmise avec le paramètre de fonction. Comme vous le voyez ici, nous les appelons tous. 49. Valeurs de paramètres par défaut: Nous avons donc vu lors de la conférence précédente que nous pouvions transmettre des paramètres aux fonctions. Et ce paramètre peut être appelé et il sera remplacé par la valeur du paramètre qui est transmise lors de l'appel de la fonction. D'accord, supposons que je ne transmette aucun paramètre. Donc maintenant, je vais appeler le message Shore sans le message de paramètre. J'ai donc tout enlevé entre ces parenthèses. Donc, quand j'essaie d'appeler cette fonction sans ce paramètre, essayons cela. Je vais comprendre que le message passé n'est pas défini. La valeur du message, la valeur du paramètre de message, n' est donc la valeur du paramètre de message, pas définie car je n'ai transmis aucun paramètre ici. Bien sûr, avec JavaScript ou avec JavaScript moderne, vous pouvez avoir une valeur par défaut pour ce message lorsqu'il n'y a aucun paramètre passé ici. Pour ce faire, je peux juste définir l'égalité ici. Et je peux dire message par défaut. Ce message par défaut sera donc une valeur par défaut pour le paramètre de message et il sera remplacé ici. Donc, dans ce cas, lorsque je ne transmets aucun paramètre, je reçois un message par défaut en steed de valeur non définie, comme vous le voyez ici. Donc maintenant, lorsque je transmets une valeur à ce message ou à l'appel de la fonction, je peux dire, par exemple, je suis show function. Donc le message, le message passé est que je suis sûr de fonctionner. Rafraîchissons donc ça. Et vous verrez que la valeur par défaut a été ignorée. Il s'agit de prendre le but ou la valeur qui vient de l'appel. Donc, dans ce cas, ce paramètre disparu a plus de périodicité que le message ou la valeur par défaut ici. Dans ce cas, vous pouvez toujours transmettre un message par défaut ou le paramètre par défaut sans avoir la valeur indéfinie du paramètre lorsque nous appelons la fonction sans paramètres. 50. Returning une valeur à partir de la fonction: L'utilisation la plus importante des fonctions consiste à effectuer des calculs ou à effectuer certaines opérations et à renvoyer certaines valeurs. Ainsi, lorsque vous passez un paramètre, vous pouvez effectuer certaines opérations sur eux. Ayons une fonction très simple que nous pouvons appeler comme une opération. Donc, une fonction ou une opération. Je vais donc définir une fonction comme nous l'avons vu auparavant. Nous appellerons ça la somme. Et cette somme aura deux paramètres. un est x et l'autre est y. Et puis cette opération ou cette fonction, va calculer le résumé de x et y. Et puis je peux l'utiliser n'importe où dans mon code sans dire toujours X et Y, X plus Y, X plus Y, X plus Y partout. Ainsi, vous pouvez utiliser cette fonction pour calculer n'importe quoi pour vous. Bien sûr, j'ai ici un exemple très simple. Bien sûr, il y a beaucoup, beaucoup de fonctions compliquées qu'elles peuvent faire beaucoup de travail pour vous, surtout si vous les appelez plusieurs fois dans votre code. Je dirai donc ici avec le mot clé retour, puis X plus Y. Donc, de cette façon, je vais revenir de la somme X et Y, X plus Y. Donc je vais retourner x plus y. Donc, nous pouvons utiliser cette fonction par définition d'une variable. On peut dire Zed et ce zed, il va appeler cette fonction parce qu'elle a une valeur de retour. Donc, avant cela, nous pouvons faire, par exemple, un appel direct pour la somme. J'en ai donc dit ici quelques uns, puis je donne deux chiffres parce qu'ici j'ai deux paramètres. Je peux dire cinq plus 10. D'accord ? J'ai donc maintenant la somme de 5 plus 10. Ainsi, lorsque j'exécute mon application, je n'ai rien et je n'utilise pas réellement la fonction. La fonction renvoie donc une valeur. Donc cette valeur, je dois la connaître, donc je dois l'utiliser quelque part dans mon code. Donc, bien sûr, la valeur au détail sera de 15, donc je peux la stocker dans une certaine variable. Je peux dire ici, par exemple, et il appellera la fonction et le retour sera attribué à Z. Donc, pour être sûr, nous pouvons également utiliser un journal de console pour voir la valeur de la dette. Donc, économisons, rafraîchissons, et nous verrons que nous en avons eu 15. Ainsi, la valeur de Z est 15 après avoir résumé ces deux valeurs, donc somme appelée cette fonction, puis la fonction retourne, cette valeur avec le mot clé renvoyé peut renvoyer les valeurs après les opérations sur les paramètres. Bien sûr, vous ne pouvez rien rendre. Vous pouvez le dire. Vous pouvez le combiner avec une ficelle. Vous pouvez combiner tout ce que vous pouvez faire avec un booléen ou quoi que ce soit. Vous pouvez donc également avoir une autre fonction. Nous pouvons appeler cela plus grand que. Je dirai donc ici la fonction. Et cette fonction sera appelée plus grande que exactement de la même manière de nommer. La dénomination des variables est donc toujours suivie avec les fonctions. J'utilise donc ici ce CamelCase. Donc, de cette façon, j'aurai ici x et y. Aussi, nous pouvons avoir ici les crochets et j'ai été un retour d'année x supérieur à y. Donc j'aurai en retour booléen, comme une valeur booléenne. Cela peut être vrai ou faux parce que je suis de retour comme cette logique de condition. Appelons cette fonction sur z. Et voyons, ok, c'est faux parce que cinq ne sont pas supérieurs à 10. Ainsi, vous pouvez utiliser les fonctions, et je peux utiliser cette fonction n'importe où dans mon code plusieurs fois en fonction de mes besoins. 51. Fonctions de nomenclature: Les fonctions sont des actions, donc leur nom est généralement un verbe. Il doit être bref, précis autant que possible et décrire ce que fait la fonction pour que quelqu'un puisse lire le code et obtenir l'indication de ce que fait cette fonction. Donc normalement, nous préfixes qui sont des fonctions avec un verbe qui expriment ce qu'il va faire cette fonction, par exemple, je peux dire en afficher ou calculer certains, vérifier quelque chose. Bien sûr, aimez un objet ou créez un objet. Vous pouvez donc utiliser certaines variables ou certains verbes comme début de chaque fonction. Je vais donc vous montrer quelques exemples comme ce que nous avions auparavant. Donc ces fonctions, que j'ai ici, je les ai copiées. Donc j'ai ici montrer un message, il montre un message, ai de l'âge, donc ça retourne l'âge de quelqu'un comme quelqu'un. Aussi CalcSum, Il calcule un résumé des objets de valeur. Vous n'avez donc pas besoin de l'appeler comme certains sur moi, mais vous pouvez dire la somme calque. De cette façon. L'autre développeur comprendra cela comme, Ok, cette fonction calcule certaines variables. Créez également un formulaire, vérifiez l'autorisation. Toutes ces choses doivent donc être suivies lorsque vous nommez une fonction. Et comme je vous l'ai déjà dit, vous pouvez les nommer à l'aide de l'étui chameau. Vous avez donc une majuscule de chaque mot de cette phrase. Bien sûr, vous avez une limitation de NOL illimitée ou similaire pour la durée du nom de la fonction. Mais il vaut mieux être aussi court et précis que possible. 52. Expressions de fonctions: En JavaScript, il existe également une autre taxe scientifique pour définir une fonction. Je vais donc mettre cela sur les commentaires n'ont pas d'erreurs. Et je vais créer une fonction. Donc, cette fonction, on peut l'appeler dire bonjour. Ainsi, la fonction qui définit cette fonction, vous n'avez pas besoin d'utiliser de fonction de mot-clé, puis de donner le nom et les paramètres. Vous pouvez définir une fonction en tant que variable. Donc je dirais ici peut-être que je peux donner le nom de la fonction comme dire bonjour. Et puis c'est égal à. Et puis vous pouvez dire que j'ai une fonction ou que cette variable sera une fonction. Ensuite, vous pouvez définir le code que vous voulez mettre à part. Donc, pour cela, vous pouvez dire alerte. Par exemple, nous pouvons dire bonjour, JavaScript. Ainsi, lorsque j'appelle cette fonction, c'est exactement la même façon que nous appelons les fonctions normalement. Je dirai donc ici, après ça, bonjour, et je l'appellerai comme ça avec les parenthèses. Exactement de la même façon que nous appelons des fonctions normales. Et les paramètres viendront ici. Vous pouvez également transmettre des paramètres pour ces valeurs. Nous pouvons donc aussi bien l'appeler pour pouvoir le tester. Nous disons donc bonjour JavaScript, et il s'appelle immédiatement. Donc, quand je ne l'appelle pas et que j'ai cette variable , rien n'est appelé. Donc, la variable est en fait modifiée pour être une fonction, c'est un acte de variable. Il n'a donc pas comme un type, comme un nombre ou une chaîne, il a un type de fonction. Mais par exemple, comme nous devons consoles consigner cette fonction ou cette variable. Comme on peut le dire, dire bonjour, qu'est-ce que nous aurons dans la console ? Allons-y. Encore bonjour. Vous voyez que nous avons obtenu le code de fonction. Nous n'avions pas l'objectif de la fonction. Nous n'avions pas exactement la même phrase que celle que nous avions dans la fenêtre contextuelle ici à l'invite. Mais lorsque vous appelez la fonction, voyons ce qui va se passer. Nous avons la fonction et nous n'avons pas défini. Ainsi, parce que cette fonction ne renvoie rien. Il s'agit donc d'une différence entre appeler la fonction ou simplement dire le nom de la fonction. Ainsi, nous pouvons mettre dans le contenu de la fonction comme dans le journal de la console, nous pouvons l'appeler. Et nous ne serons pas définis lorsque cette fonction n'a pas de valeur de retour. Mais regardez, par exemple, ivoire tourner par un retour, retour de la fonction disons, bonjour. Nous pouvons donc voir que, d'accord, on l'appellera. Nous aurons l'alerte et ensuite nous aurons dans la console le retour, le retour de dire bonjour. Écrivons ça. Comme vous le voyez ici, nous ne sommes pas restés indéfinis car cette fonction renvoie une valeur. Lorsque je retire ces parenthèses, encore une fois, j'ai reçu le code de fonction imprimé. Il s'agit donc d'une différence entre appeler une fonction et définir une fonction ou appeler la fonction sans parenthèse. Nous obtenons donc le code de fonction. Et voici également un moyen de définir une fonction sans avoir cette syntaxe. C'est donc ce qu'on appelle la déclaration de fonction, et c'est aussi une déclaration de fonction, mais elle s'appelle aussi des expressions de fonctions. 53. Fonctions de flèche: Dans JavaScript moderne, il existe un moyen encore plus simple d'avoir ou de définir une fonction. Comme nous l'avons vu précédemment, définisons-nous une variable et nous lui donnons un nom comme une fonction, puis nous avons le contenu de cette fonction. Voyons donc dans l'autre sens. Dans l'autre sens, on appelle des fonctions de ligne. On peut donc dire que la base de cette fonction est définie. Nous pouvons dire bonjour, et avec ce dire haut, ce ne sera pas une fonction comme celle-ci. Nous pouvons donc simplement définir la parenthèse et nous n'utilisons pas le mot-clé fonction. Ensuite, vous dessinez une flèche. façon dont vous dessinez une flèche, vous pouvez dire égal et plus grand que. Ainsi, vous avez la fonction flèche et le contenu de la fonction se trouve entre les accolades. De cette façon, je peux dire bonjour directement. Je dirai ici console.log puis je dirai, ou je dirai que j'ai une chaîne, dites bonjour. Par conséquent, vous pouvez appeler cette fonction normalement, comme n'importe quelle fonction. Nous l'appelons donc ici. Et puis, d'accord, dites bonjour, la fonction est appelée. Il s'agit donc d'une façon de définir les fonctions des flèches. Bien sûr, vous pouvez également passer des paramètres. Dis bonjour, et on peut dire nom. Et ce nom, vous pouvez également le transmettre ici. Je vais donc remplacer ça par des backticks. Et puis on peut dire bonjour ici. Ensuite, nous avons mis la variable ici. Alors dites bonjour, puis nous avons mis le nom. Donc ici, je vais mettre ici le script Java. Ainsi, dans l'appel, il remplacera le paramètre name par ce paramètre dans ce journal de console. Donc, quand j'appelle cette fonction, j'ai dit : Dites bonjour à JavaScript et c'est un paramètre que j'arrête et il est remplacé ici. Ainsi, vous pouvez également définir des fonctions. Et la plupart des gens les utilisent de nos jours. Par conséquent, lorsque vous définissez une variable, vous pouvez copier la fonction. Je peux donc dire bonjour, par exemple, ou dire bonjour, copie. Comme nous pouvons définir un appel de fonction, c'est une copie élevée et il va dire bonjour, dire bonjour. Donc, lorsque j'appelle, dites Copier , je copierai exactement le même contenu de cette fonction. Ainsi, vous pouvez avoir un nom différent de la fonction, mais le même contenu qu'une autre fonction. Donc, avec ça, je peux dire ici aussi JavaScript. Je l'aurai donc deux fois, une de la fonction originale et la seconde de la copie de sa fonction. Vous pouvez donc attribuer une fonction à une fonction, afin qu'elles aient le même comportement et la même valeur de retour. Supprimons donc ces appels. Je vais avoir comme une fonction qui renvoie directement une valeur. Vous pouvez donc bien sûr renvoyer une valeur comme celle que nous avons vue auparavant. Par exemple, je dois en avoir, obtenir et ensuite, ou comme on peut dire, obtenir le double. Et puis avec ce double, j'aurai une fonction. Et cette fonction, je passerai comme un certain nombre, et ce nombre sera renvoyé, ou cette fonction reviendra pour moi, puis le nombre multiplié par deux, comme si j'obtenais le double de ce nombre. Je vais maintenant vérifier cette fonction. Je vais passer un numéro comme quatre. Ensuite, nous pouvons consoler le consigner. Donc je peux dire ici la console point journal directement cette fonction, cet appel de cette fonction. Il reviendra donc pour moi 8. Comme vous le voyez ici, nous en avons huit. Donc de cette façon, ok, je retourne une valeur et j'utilise cette fonction afin que nous puissions aussi avec JavaScript moderne pour nous débarrasser de ce retour. exemple, vous pouvez renvoyer une valeur si votre exemple ou votre fonction est renvoyé, ou s'il s'agit d'une seule ligne. De cette façon, vous n'avez besoin d'aucune de ces bretelles courbées. Il suffit d'avoir une fonction comme une ligne. Ensuite, vous avez la valeur renvoyée sans le mot clé retour. Donc, parce que c'est notre fonction, j'ai découvert qu'elle ne revenait que ou qu'elle n'a qu'une seule ligne. Il n'a pas plusieurs lignes. Certaines fonctions, elles ont, elles font plus d'opérations, elles ont plusieurs lignes. Ainsi, vous êtes obligé d'utiliser ces endroits incurvés. Et vous devez également mettre retour en tant que mot-clé. Si vous avez besoin d'un retour. Mais avec une seule fonction de ligne, il vaut mieux l'avoir comme ça. C'est mieux que toutes ces lignes. Vous pouvez tout avoir en une seule ligne. Ainsi, comme vous le voyez ici, je console et consigne cette fonction avec une valeur transmise dans le paramètre. J'obtiendrai donc exactement la même valeur. Ainsi, vous pouvez définir la fonction plus facilement et plus simplement dans la séquence de votre code. 54. Fermetures et portée: En JavaScript, il existe un concept qui s'appelle la portée d'une fermeture ou d'une fonction ou d'une portée de bloc. Qu'est-ce que ça veut dire ? Par exemple, supposons que nous ayons une fonction appelée Afficher le texte. Et à l'intérieur de cette fonction, je suis en train de définir une variable appelée texte. Donc, si j'ai ici un objectif de cette fonction ou l'utilisation de cette variable. Donc, cela sera disponible, la variable sera disponible tant qu'elle est à l'intérieur de la fonction, car je définis cette variable à l'intérieur de la fonction. Mais lorsque j'utilise une variable en dehors de cette fonction, je vais obtenir une erreur indiquant que cette variable n'est pas définie parce qu'elle est définie ici à l'intérieur de la portée de cette fonction et qu'elle n'est pas disponible à l'extérieur. Une variable déclarée à l'intérieur d'une fonction n'est donc visible qu'à l'intérieur de cette fonction Nous ne pouvons donc pas la voir en dehors de cette fonction. C'est ce qu'on appelle une variable locale. Variable locale à l'intérieur de cette fonction. Essayons ce code. Comme vous le voyez, j'ai eu une erreur. Le texte n'est pas défini car cette variable de cette ligne n'est pas définie. Comme vous le voyez ici, le texte d'alerte est défini à l'intérieur de la fonction, sorte que toute personne extérieure ne peut pas le voir. De cette façon, il faut toujours distinguer entre les variables locales et les variables externes. Définissons une variable externe. Je dirai donc que vous laissez le nom d'utilisateur par exemple, et je lui donnerai un nom, John Smith ou tout simplement John. De cette façon, je peux bien sûr utiliser la variable externe à l'intérieur d'une fonction. Nous pouvons donc utiliser cela. Non, n'importe quel problème avec. Donc, lorsque je supprime, par exemple, cette ion JavaScript, je mets plus comme si je veux combiner cette fonction ou ce texte avec une variable, alors cette variable sera disponible à l'intérieur de cette fonction. Je n'obtiendrai donc pas cette erreur. Et je recevais une alerte quand je l'appellerais. Essayons ça. Ok, nous avons toujours l'erreur parce que nous avons cette erreur ici, donc je vais l'ignorer, commenté. Ok, comme vous le voyez, le code a été exécuté parce que je dois l'appeler de cette façon, j'ai dit un message SHO. J'appelais donc une fonction différente. Je dois appeler le texte de l'émission. Donc, quand nous essayons, Ok, bonjour, je suis Joan, et Joan est une variable qui est définie en dehors de cette fonction. Ainsi, je peux utiliser la variable dans n'importe quelle fonction quand elle est publique. Mais lorsque la variable est dans, à l'intérieur de la fonction, je ne peux pas l'utiliser nulle part en dehors de celle-ci ou de la portée de cette fonction. Et les types de variables qu'ils sont définis dans la séquence du fichier JavaScript. Ils sont appelés globaux, comme ils ne sont définis à l'intérieur d'aucune portée. Il s'agit donc d'une variable globale. Toute l'application ou l'ensemble des fonctions de l'application JavaScript ou autres variables d'autres fichiers peuvent accéder à cette variable. Mais ici, comme une fonction ou ce texte n'est pas accessible à l'extérieur. C'est ce qu'on appelle une variable locale. 55. Expressions de fonctions immédiatement inactives (IIFE): Avant de voir que nous appelons la fonction en appelant son nom encore et encore chaque fois que je dois l'appeler. Il existe donc un moyen d'appeler immédiatement la fonction, qui est appelée comme l'expression de fonction immédiatement appelée IIFE, qui est une fonction JavaScript qui s'exécute dès qu'elle est définie. Nous n'avons donc pas besoin de répéter la séquence de cet appel de cette fonction, comme le nom de cette fonction si nous voulons la nommer ou l'appeler directement. Donc, la vague pour le faire, il suffit de supprimer cet appel. Et ensuite, vous devez entourer cette fonction de parenthèses. J'ai donc ici la parenthèse ouverte, puis je vais la fermer. Et puis vous appelez cette fonction immédiatement parce que, comme je vous l'ai dit, nous appelons une fonction avec des parenthèses sans elles, nous imprimons simplement le contexte de la fonction. Donc, après cela, on économise, on le fait. Comme vous le voyez directement, on l'appelle comme défini et froid. Donc, si vous définissez une fonction et que vous l'appelez directement, vous n'avez même pas besoin de son nom. Vous pouvez donc simplement l'utiliser et l'appeler immédiatement uniquement si vous l'appelez ailleurs, alors ok. Vous ne pouvez pas donner ce nom. Vous pouvez donc également vous débarrasser du nom si vous allez appeler la fonction immédiatement et une seule fois. Cela s'appelle donc une expression de fonction immédiatement appelée. 56. Fonctions Appels: Dans cette conférence, nous allons parler de rappels de fonctions ou de fonctions de rappel. Mais avant de vouloir ajouter pour vous une fonctionnalité plus importante sur l'interaction JavaScript avec l'utilisateur que nous avons vu auparavant, alerte et invite également. C'est également ce qu'on appelle Confirmer. Ainsi, avec cette confirmation, vous pouvez afficher un message à l'utilisateur, JavaScript lui demandant si c'est correct ou non. Vous pouvez donc avoir comme par exemple, Ru, comme par exemple, tout ce que nous pouvons dire comme ça. Donc, quand vous appelez cette méthode, d'accord, nous avons cette invite parce que nous l'avons déjà appelée. Et maintenant, êtes-vous vieux ? On est bien arrivés ici. Et annulez. Ainsi, vous pouvez dire, Ok, alors cette méthode de confirmation ou cette fonction de confirmation reviendra pour vous à la fin, et quand elle sera annulée, elle retournera pour vous faux. Nous pouvons donc utiliser cette fonction et cet exemple ou comme exemple dans nos fonctions de rappel. Allons-y. Donc, tout d'abord, je veux définir une fonction. Donc, la fonction, elle dira comme son nom, poser une question. Cette question sera donc oui ou non. Je vais donc poser ici cette question en tant que paramètre. Et ensuite, nous allons avoir cette fonction directement. Et nous allons poser des questions à l'utilisateur comme certains, comme la question elle-même. Nous pouvons donc dire ici comme let variable, comme nous pouvons dire répondre, et cette réponse reviendra ou nous obtiendrons la valeur du message de confirmation, qui apparaîtra sur le navigateur et l'utilisateur appuiera sur OK ou Annuler. La dernière question sera donc la question en tant que paramètre que nous avons ici, qui sera transmis à l'appel de fonction, puis nous obtiendrons une réponse. Donc après cela, vous pouvez dire comme si vous répondez, comme s'il a répondu en orbit ou donnons un nom comme l'est. D'accord. D'accord. Donc, on peut l'avoir, c'est bon. Donc s'il a appuyé sur OK, alors on va faire autre chose. Nous allons faire autre chose. Ayons donc un journal de console ici comme de la poussière. Je peux dire que nous nous servons de vous. D'accord. Ou nous pouvons également le remplacer par une alerte. Nous pouvons donc avoir ici l'alerte est un acte, et nous aurons également une autre alerte. Nous disons que vous avez annulé l'exécution. Ainsi, quand j'appelle cette fonction avec une question spécifique, je dirai ici : êtes-vous vieux ? Alors ? Nous aurons d'abord notre message qui a déjà été publié. Et alors, tu es vieux ? Ensuite, quand j'appuierai sur OK, je mettrai notre œil pour que vous soyez d'accord parce que j'ai appuyé sur OK. Rafraîchissons à nouveau et nous allons appuyer sur Annuler. Vous annulez donc l'exécution. Ok, maintenant, si je veux avoir comme, imaginez que je passe un autre paramètre qui sera un appel de fonction. C'est donc une valeur pour moi, donc j'utilise cette variable dans le code. Bon, c'est sympa. Donc, quand je dis ici oui, en tant que paramètre, c'est une variable. Et je définit également une autre variable qui s'appelle Non. Joli. Donc, quand je dis ici, au lieu de oui, ou au lieu de ce message d'alerte, j'ai mis oui et j'ai mis des parenthèses après cela. Ensuite, je dois m'attendre des paramètres de cette fonction que le S est également une fonction. Donc, de cette façon, je dis que ce paramètre est également un rappel de fonction. Non. Nous avons donc ici non aussi. Ces rappels seront donc exécutés en fonction de la séquence de la fonction. Mais où sont définies ces fonctions ? Si vous vous en souvenez, ce sont des paramètres. J'ai donc besoin d'avoir ici aussi des paramètres qui sont fonctionnels. De cette façon, ces fonctions sont inutiles. Ils n'ont pas de code à l'intérieur d'eux. Seulement lorsque je passe ces paramètres. Parce que si vous vous en souvenez, je vous ai dit que cette chaîne sera remplacée par une question et qu'elle sera utilisée dans la fonction à l'intérieur comme question de paramètre. en va de même pour le paramètre de fonction. Je dois donc définir deux fonctions. Définissons-les rapidement. Je dirai donc ici que j'ai deux fonctions. Une fonction s'appelle shore, ok, et l'autre s'appelle Afficher annuler. Nous allons maintenant passer ces paramètres ou ces fonctions aux paramètres de cette fonction. Je dirai donc ici que le premier paramètre sera oui. Donc, quand oui, je dirai : Bien sûr, d'accord. Quand ce n'est pas le cas, je dirai Afficher, annuler. De cette façon, ce oui sera remplacé par un spectacle, d'accord ? Et ensuite, il sera exécuté. C'est donc ainsi, rappelez-vous que nous ne passons que la fonction. Nous ne passons pas l'appel de la fonction. Comme vous le voyez ici. Je n'ai pas de paranthèse ici. C'est pourquoi, parce que je passe cette fonction pour être remplacée ici. Et puis il sera appelé directement. C'est comme si je faisais ici, comme si je montrais bien, à l'un ou l'autre endroit, c'est directement ici. Il s'agit donc de la fonction de rappel. Il s'agit d'une fonction de rappel et il s'agit d'une fonction de rappel. Vous pouvez ainsi utiliser ou marcher facilement avec vos fonctions de rappel. Nous les verrons dans de nombreux endroits à l'avenir lorsque nous allons réaliser des projets réels ou dans d'autres cours que je fais des projets réels. Vous pouvez donc constater que nous utilisons beaucoup les sacs en or, surtout dans les bibliothèques, surtout si j'utilise une bibliothèque. Et cette bibliothèque possède de nombreuses fonctions qui ont des paramètres similaires comme des rappels. Donc, en JavaScript, vous devez également prendre en compte la variable ou le paramètre peut être une variable normale, tout fonctionne également. 57. Syntaxe des objets: Lors des conférences précédentes, nous avons appris que nous pouvions définir plusieurs types de variables. Et ces variables peuvent être une chaîne ou un nombre, ou un booléen ou tout autre type que nous avons vu auparavant. Donc ces divs ou ces variables, nous les appelons primitives car la valeur ne contenait qu'une seule chose, par exemple une chaîne ou un nombre ou autre. Mais aujourd'hui, nous allons parler d'un nouveau type, appelé objet. Et cet objet peut contenir plusieurs de ces divs, que j'ai déjà mentionnés. Et avec cet objet, vous pouvez gérer plusieurs données dans une variable. Comme si je mettais toutes ces informations dans une seule variable. Alors, comment définir un objet ? Définissons un objet appelé personne. Donc, pour définir l'objet, il faut utiliser les accolades ou les crochets bouclés. Ainsi, à l'intérieur de cet objet, vous pouvez définir les clés. Clés de cet objet qui contiendront plusieurs valeurs. Comme on peut dire ici que nous avons un nom. Nous avons aussi de l'âge, et nous sommes mariés. Mais bien sûr, la syntaxe n'est pas comme ça. Je vais l'expliquer davantage. On peut donc imaginer que l'objet est une armoire, une armoire à essais sinusoïdaux. Chaque élément de données est stocké dans son fichier par cette clé. Donc, quand je veux ouvrir cette armoire et trouver un fichier, je peux dire, donnez-moi le fichier dont la clé est appelée âge. Puis j'ai ouvert le fichier, puis j'ai vérifié cette valeur. Exactement comme cet objet. Cet objet est une armoire contenant plusieurs clés. Je veux la clé du nom ou Q1 ou Q2. Je prends le fichier puis je vérifie ce qu'il contient, je trouverai une valeur. Cette valeur peut être une chaîne ou un nombre, une valeur booléenne ou toute autre valeur. Nous pouvons donc définir un objet vide en faisant exactement cela. Cette personne est donc un objet vide. Tout ce que vous pouvez dire aussi, pas comme ça, mais vous pouvez dire un nouvel objet de cette façon. Cet objet est maintenant vide, mais nous devons lui attribuer certaines valeurs. Et c'est ce que nous verrons lors de la prochaine conférence. 58. Propriétés de l'objet: Une fois que nous avons récupéré un fichier, nous le définissons par clé. Comme je vous l'ai dit, nous pouvons appeler cela en JavaScript comme une propriété. Vous pouvez donc définir une propriété directement dans un objet l'aide de certains mots-clés ou de la clé que vous souhaitez attribuer. Pour l'exemple que nous avons ici, nous pouvons dire que nous avons un nom et que nous pouvons, avec deux points, définir une valeur ou attribuer une valeur à cette clé ou à ce fichier. Nous n'utilisons pas de signe d'égalité, mais nous utilisons la colonne. L'attribution de la valeur de la propriété de l'objet se fait comme cela. Par exemple, je vais donner un nom ici, donc je vais mettre ici mon nom. Et j'ai aussi une clé qui s'appelle comme si je peux donner mon âge et aussi donner mon statut. Donc, si je suis marié ou non, je peux mettre ici un faux ou un vrai. Il s'agit donc d'un objet, et je peux maintenant utiliser cet objet n'importe où dans mon application comme une seule variable. Je peux donc également y faire un journal de console. Ainsi, lorsque vous effectuez un journal de console pour un objet, vous obtiendrez ce qui suit. Donc, quand j' économiserai, j'irai à la lumière, au navigateur, puis j'ouvrirai les DevTools avec F2. Et je verrai ici que j'ai eu un objet et que cet objet contient de l'âge, est marié et nom. De plus, nous ne pouvons accéder qu'à quelques propriétés spécifiques. Je veux donc consoler le journal de cet âge de cette personne. Je peux donc simplement séparer la personne avec un point pour pouvoir mettre un point. Et puis j'obtiendrais la saisie semi-automatique de ces options comme si c'était une propriété de cet objet. Nous avons donc de l'âge, mariés et nous avons un nom. Donc, quand je mets de l'âge et que je suis sur la console, enregistrez-le. Alors, je vais entrer dans la valeur ici. C'est donc comme si je ne définissais une variable qu'un âge précieux, et que je l'utilise dans l'objet, pas comme une seule variable, donc pas besoin de cela, et notre code fonctionnera toujours. De plus, nous pouvons ajouter des propriétés, et non pas l'initialisation de l'objet. J'ai donc ici la variable et le nom de la variable , puis le signe de l'objet et j'ai la clé et la valeur. Mais je peux aussi attribuer directement une clé avec une valeur à cet objet. Donc je ne peux pas dire personne ici, puis j'ai mis du point. Ok, je suis arrivé ici, c'est le nom du marié, mais je n' rien d'autre que je veux. Par exemple, vous pouvez ajouter cette propriété à votre place. Donc je peux dire que c'est l'administrateur par exemple. Donc je peux avoir ici l'administrateur et je l'ai mis comme un faux. Alors maintenant essayons d'aimer consoles consigner cette personne. Donc, lorsque j'appuie sur Enregistrer et encore une fois , je vais voir que l'administrateur est ajouté à ces propriétés. C'est exactement comme je l'ai fait ici. Comme par exemple, j'ai ajouté est admin et j'ai fait faux. Donc c'est exactement la même chose, donc je peux supprimer cela aussi. Et puis j'obtiendrai le même résultat. Il existe donc plusieurs façons d'ajouter des propriétés à l'objet. L'un d'eux est comme en ajoutant directement cette clé et une valeur. Et le second, nous appelons cette propriété ou cet opérateur comme notation par points. J'ai donc une notation par points sur l'objet pour accéder à ses propriétés. 59. Suppression des propriétés de l'objet: Après avoir défini une propriété d'objet, nous pouvons la supprimer facilement à l'aide du mot-clé delete. Par exemple, j'ai ajouté ici admin. Je peux le supprimer, c'est très facile. Donc, je dis simplement Supprimer. Et puis je dis que la personne point est administrateur. Ainsi, il peut être supprimé dans le journal de la console. Nous ne le verrons plus après l'avoir ajouté. Alors sauvegardons, rafraîchissons. Et comme vous le voyez, nous n'avons pas d'administrateur ici. Ainsi, vous pouvez ajouter des propriétés à l'objet et les supprimer totalement. 60. Vérification de l'existence des biens et des valeurs: Bien sûr, après être devenu un très bon développeur, vous aurez un code très long et vous définissez beaucoup d'objets dans votre projet. Et peut-être que vous devez vérifier s'il y a une propriété à l'intérieur de l'objet ou non. Il existe plusieurs façons de voir s'il existe une partie ou une clé dans l'objet. Par exemple, je dirais ici que je veux vérifier s'il y a une propriété dans la personne appelée nom de famille. Donc, lorsque j'essayais de consoler le journal LastName, je devenais indéfini parce que je n'ai pas cette propriété. Bien sûr, nous n'avons eu aucune erreur ici. Mais également, vous pouvez vérifier s'il y a une propriété à l'intérieur de l'objet en utilisant une méthode après la notation par points, qui est appelée possède sa propre propriété et possède sa propre propriété, vous pouvez indiquer le nom de la propriété. Par exemple, je dirai le nom de famille. Et sur la base de cela, vous allez passer à travers ou faux. D'accord. Il n'a pas cette propriété, mais disons que nous avons un nom par exemple. Donc, lorsque je console consigne cette valeur, la personne adulte a une propriété ou a sa propre propriété, j'ai vrai. Ainsi, vous pouvez l'utiliser si des conditions. Vous pouvez donc dire que si une personne a une propriété, a un nom, alors nous pouvons faire comme quelque chose. Si ce n'est pas le cas, nous pouvons ajouter que c'est possible. Pour cela, lorsque vous supprimez et ajoutez des propriétés à des objets pendant la séquence de code, ou peut-être dans certaines boucles for-ou, ou si une source externe met à jour votre objet, vous devez vérifier si la propriété y est ou non. Ainsi, vous pouvez vérifier cela. Il existe également un autre moyen de vérifier une propriété si elle est présente ou non en le disant avec une clé. Nous pouvons donc dire comme nom dans ou nous devons le mettre comme dans une chaîne pour pouvoir dire un nom, puis nous dire personne. Donc, s'il y a un nom en personne, c'est que nous sommes retournés pour moi, c'est vrai. Nous ne pouvons donc pas en être sûrs en procédant comme suit. J'ai donc ici, comme si on le remettait en place. Donc, pour garder l'exemple pour vous, je vais plus bas. Nous pouvons donc commenter ce journal de la console. Donc, je peux dire ici que d'accord, il existe. Je peux donc avoir ici un nom. Bien sûr, il faut le mettre à l'intérieur d'une souche, comme la clé devrait être dans une corde comme celle-ci. en va de même pour sa propre propriété. Nous devons l'avoir dans une chaîne avec des guillemets simples ou doubles. Ça n'a pas d'importance. Nous pouvons donc dire nom en personne, puis nous consoles consigner l'existence. Essayons donc cela et voyons si nous devenons vrais ou faux. Alors, quand on se rafraîchit, d'accord, j'ai réussi. Mettons donc, par exemple, nom de famille et nous actualiserons. C'est faux. Donc exactement de la même façon. Tout comme la propriété et la clé avec le mot-clé et le nom de l'objet. Vous pouvez vérifier si la clé ou une propriété existe dans cet objet ou non. 61. Exercice et objets: Si nous nous souvenons, nous avons parlé de fonctions. Donc, si vous voyez ici que nous avons créé une personne en faisant cela. Donc, si je veux créer une autre personne, donnons un nom pour cela en tant que personne 1, alors j'ai besoin de la personne 2. Et puis je vais répéter les mêmes propriétés. Nous pouvons l'envelopper dans une méthode. Nous pouvons donc avoir une fonction ou une méthode qui crée pour moi une personne jusqu'à ce que nous puissions définir une fonction. Donc je peux dire que Const, on peut dire, ou laisser, peu importe. Laissez créer une personne. Et avec cela crée une personne, ce sera une fonction de flèche. Avec cette fonction de flèche, il prendra des paramètres comme le nom, l'âge, et aussi comme c'est, Matt it it. Ainsi, nous pouvons voir s'il est possible de créer un utilisateur avec une fonction ou non. J'aurai donc un correctif ici. Donc, à l'intérieur de cette méthode, je dirai ici constant en nouvelle personne. Et cette nouvelle personne aura une propriété. Et la première propriété est le nom. Et ce nom sera comme celui que j'ai attribué. J'ai passé les paramètres de l'âge et je peux avoir un âge comme celui-ci et je suis marié. Je peux l'avoir aussi comme ça. Après cela, je reviens avec cette fonction, une nouvelle personne. Ok, pour ainsi de suite que nous pouvons appeler cette méthode facilement pour créer des utilisateurs. Je dirai donc ici ou créer une personne. Donc, je dis toujours personne, on sera une personne créatrice. Et cette personne aura un nom comme John. Et il a 22 ans et il est marié, je dirai faux. Et je peux aussi créer une autre personne, la deuxième personne. Et cela aura aussi une personne créative. Et il aura le nom de Smith. Et ensuite, un aura comme 25. Et il est marié. Pour cela, j'ai créé deux personnes de cette façon. Console, consignons ces deux personnes. Je vais donc obtenir celle-ci. Et puis j'irai ici et je dirai personne 1, journal de console pour moi, personne 1 et journal de console pour moi, personne deux. Après cela, nous économisons, nous nous rafraîchissons. Et nous verrons que nous avons vraiment deux personnes et des objets comme celui-ci, car notre fonction a créé pour nous une méthode ou une création pour nous et un objet, et elle l'a renvoyée comme nous l'avons vu dans les valeurs de retour de la fonction. Pour cela, nous pouvons rendre cette méthode encore plus petite. Vous n'avez donc pas besoin de définir une constante. Vous pouvez simplement supprimer toute cette constante, supprimer tout ce retour et dire directement que je veux renvoyer un objet comme celui-ci. Je peux donc retourner un objet. Et vous obtiendriez exactement la même valeur parce que je retourne et que je m'oppose avec des clés et des propriétés. De plus, si vous avez les paramètres de cette méthode le même nom que les propriétés de l'objet, vous pouvez également les supprimer. Donc, vous pouvez simplement dire ça. Les valeurs seront donc attribuées automatiquement à la clé de cette propriété. Il s'agit donc d'un paramètre, d'un nom, même nom que l'objet, la propriété, le même nom de personne. Ainsi, lorsque vous vous rafraîchissez, vous obtiendrez exactement les mêmes valeurs. Rendons les choses encore plus simples. Nous pouvons également supprimer ce retour. Il suffit donc de dire retour pour moi comme ça. Comme vous le voyez, nous avons eu une erreur. Donc, si vous voulez renvoyer directement l'objet, vous devez aimer entouré de parenthèses. Nous avons donc ici une parenthèse et ensuite nous sauvegardons, rafraîchissons, nous avons obtenu la même valeur. Comme vous le voyez ici, notre fonction, c'était comme ça. Et c'est devenu comme ça. Il est donc très court et facile à utiliser. Pour cela, je recommande toujours de créer une méthode de création d'objets. Et c'est ce que nous verrons plus avancé sur la création d'objets à l'aide de constructeurs. Je vais donc mettre comme le code avant comme je vous l'ai montré. Vous ne pouvez donc pas toujours avoir, comme garder en mémoire ce que c'était avant et après. On ne peut donc pas avoir ici comme avant. Et créez des pairs. Je peux appeler cette méthode avant et nous l'avons comme après. Ainsi, vous n'oublierez jamais comment nous essayions de raccourcir cette méthode facilement. 62. Méthodes d'objet: Les objets sont généralement créés pour représenter des entités du monde réel, telles que les utilisateurs, les commandes de personnes, les voitures, etc. Ainsi, dans le monde réel, l'utilisateur peut agir comme, par exemple, sélectionner quelque chose dans le panier, connecter, se déconnecter, etc. Les actions sont représentées en JavaScript dans l'objet par des fonctions des propriétés. Nous pouvons donc également ajouter des fonctions en tant que propriétés à l'objet. Imaginez donc que nous ayons une voiture et que cette voiture possède des propriétés telles que le nom, modèle, le poids et la couleur. Et il a aussi quelques valeurs pour chaque propriété. Le GAR peut également avoir des méthodes telles que démarrer, dériver, casser et arrêter. De plus, nous pouvons avoir une autre voiture de marque différente et elle peut démarrer différemment, conduire différemment et casser différemment. Pour cela, nous pouvons définir des propriétés aussi bien définies que des méthodes dans les objets. Voyons comment nous pouvons le faire. Je vais donc avoir un objet ici. Je l'appelle comme une voiture. Et dans la voiture, ce sera un objet. Je vais ouvrir les crochets et ensuite je donnerai une marque semblable à ce dieu, ce sera fiat, exactement comme nous l'avons eu dans l'exemple. Et il a une couleur similaire. On peut donc dire que la couleur est rouge. Et on peut aussi dire vitesse. Il peut, par exemple, aller jusqu'à 120 kilomètres à l'heure. Et nous pouvons également ajouter d'autres propriétés. L'une des propriétés que nous pouvons avoir est donc une fonction. Je peux donc dire, par exemple, commencer lentement, c'est-à-dire que Dieu allait commencer. Je ne peux donc pas dire ici que ça fonctionne comme ça. Vous pouvez donc définir une fonction. Et si vous vous en souvenez, nous avons appris que nous pouvons également avoir des fonctions telles que les méthodes de ligne. Nous pouvons donc avoir ici aussi bien une fonction comme cette méthode de flèche et nous pouvons la définir comme ça. Ici, je dois mettre la virgule. Ainsi, start sera une méthode où il peut faire quelque chose. Je peux donc dire journal de console, juste comme ça. Et je dis que la voiture démarre. Nous pouvons donc dire cela. On peut aussi faire une pause. Et nous pouvons aussi donner une fonction, une fonction de ligne, et nous disons console.log. Et nous disons aussi que la voiture est en panne. Tout ce que vous pouvez aussi bien définir une autre méthode. Comme vous le voyez ici, je les sépare entre le coma parce qu'ils sont des propriétés à la fin de cet objet. Je peux donc aussi créer un autre type similaire qui peut être arrêté. Et nous pouvons aussi avoir comme une fonction. Et cette fonction aura comme certains également des entrées ou des propriétés ou des paramètres. Nous ne pouvons pas l'avoir sans paramètres. Et nous pouvons aussi avoir, comme une console, la voiture s'est arrêtée. Ainsi, je peux directement atteindre cette méthode en appelant l'objet avec une notation par points. Ensuite, je peux accéder à cette méthode et je ne peux pas l'appeler. Maintenant, l'objet est défini, mais nous pouvons également l'utiliser. Donc je peux dire ici, console.log ou je ne peux pas juste dire ici, ai un point de départ. Donc, après l'enroulement, vous voyez, j'appelle cette méthode. Alors j'économise, retourne sur notre navigateur. Je comprends que la voiture démarre. C'est exactement comme ça. Je peux donc appeler une méthode dans un objet comme celui-ci. Nous pouvons avoir des méthodes telles que la vitesse de réglage par exemple. Et cette méthode peut avoir, on peut dire aussi des propriétés. Je peux donc avoir ici de la vitesse. Et puis je peux dire que cette vitesse va consigner pour moi cette vitesse actuelle. Donc je peux entendre, avoir la vitesse GAR est, et ensuite nous pouvons utiliser un plus ou vous pouvez dire, voyez, j'utilise un backticks, peu importe. Et nous pouvons mettre ici la propriété Speed. Je peux donc dire ici aussi, la première carte. Et puis réglez la vitesse, comme vous le voyez, il s'agit d'une saisie semi-automatique. Je peux tout voir. Et je peux avoir ici 262. Alors, après ça, je me rafraîchis. Je dirai que Godspeed est 262. Donc exactement de la même façon que nous définissons les méthodes, mais toutes ces méthodes appartiennent uniquement à cet objet. Je ne peux pas accéder à ces méthodes comme celle-ci. Je ne peux donc pas dire « commencer » parce qu'ils appartiennent uniquement à cet objet, de sorte que personne d'autre ne peut y accéder. Donc seulement lorsque vous appelez l'objet avec une annotation par points, puis que vous appelez cette méthode. N'oubliez pas ces parenthèses car vous appelez une méthode. C'est donc exactement comme ça que fonctionne le journal de la console. Voici donc la réponse. J'ai donc ici une console et une console est objet. Et il existe de nombreuses méthodes comme le temps de la table des journaux. Et nous avons l'un d'eux est regarder et le journal communique en interne avec le navigateur. Par exemple, nous lui passons une chaîne, puis nous l'avons imprimée ici. La console est donc également un objet et contient également ses propres propriétés. Donc exactement de la même façon. Nous définissons donc qu'un objet possède des propriétés et des méthodes. 63. Utiliser ceci: Il est courant que parfois j'ai besoin de ces méthodes pour accéder à certaines propriétés qui se trouvent dans le même objet. Par exemple, je veux dire que le Godspeed actuel est 220, donc je n'ai pas besoin de passer une propriété. Nous pouvons donc, par exemple, garder cette méthode. Utilisez un autre exemple comme la couleur. Donc je peux dire ici, on peut dire obtenir de la couleur ou imprimer la couleur de la voiture. Je veux donc accéder à l'intérieur de cette méthode à la propriété qui s'appelle color. J'ai donc besoin de la propriété console.log. Je ne peux donc pas dire ici la couleur. Parce que si je vais appeler cette méthode, je dirai ici commence à la vitesse et on peut dire l'impression de la voiture 1 point, la couleur de la voiture. Sauvez, allez ici. D'accord, tout est imprimé, mais j'ai dit que la couleur n'est pas définie. Par conséquent, cet opérateur ou cette propriété n'est pas défini car il se trouve à l'intérieur de cette méthode. Donc pour accéder à cette couleur, qui est celle-ci à l'intérieur du même objet , je peux utiliser un mot-clé appelé ceci. Je peux donc dire ceci comme ça, l'objet, je veux dire, c'est égal à l'objet. Donc c'est comme les parents, je monte d'un niveau comme ce niveau, pas à l'intérieur du champ d'application. Je dis donc cette couleur de point. Nous économisons donc. Et nous n'avons plus l'erreur, mais nous ne sommes pas définis. C'est parce que j'ai utilisé la fonction flèche. Donc, la fonction flèche, quand je l'ai comme ça, j'ai cette couleur de point comme indéfinie. Mais quand vous utilisez la fonction de mot-clé comme celle-ci, nous pouvons donc supprimer cette partie et dire, Ok, j'ai une fonction, puis je peux récupérer cette couleur. Donc, d'accord, maintenant je l'ai en rouge. Alors, d'accord, quoi ? Je veux utiliser une fonction de ligne car elles sont plus belles. Ainsi, de cette façon, vous n'avez pas à utiliser comme ce clavier, vous pouvez utiliser directement un nom de l'objet. Ainsi, à l'intérieur de l'objet lui-même, vous pouvez également utiliser le nom de l'objet. Vous pouvez donc dire carte 1 point couleur. Donc, au lieu d'être indéfini maintenant, nous aurons aussi ce rouge. Vous pouvez ainsi accéder aux propriétés de l'objet à l'intérieur des méthodes de l'objet. Je vous ai donc montré dans cet exemple plusieurs façons de définir une fonction avec paramètre, sans paramètre, et comment accéder à toutes ces propriétés à l'intérieur d'un seul objet. N'oubliez pas que si vous voulez utiliser ce mot-clé, vous devez avoir une définition de fonction normale. Sans fonction brute. 64. Références et copie: Dans cette conférence, nous verrons comment cloner ou copier des objets. Si vous vous en souvenez, nous étions en train de définir comme des variables. Nous disons que la carte 1 est égale à leur type. On peut dire Fiat. Et ensuite, nous copions garde l'une sur une autre variable en disant, laissez guard t2 est égal à 1. Donc, tout simplement les deux, Gawain et les dessins animés, ont la même valeur. Ok, la différence maintenant dans l'objet lorsque je définit deux objets et que je suis en train de cloner l'un à autre qu'ils font référence au même emplacement de mémoire dans votre PC ou dans votre mémoire. Ici, lorsque nous sommes des variables comme une chaîne ou un nombre, disons le type de feuilles de pyramide, dont nous avons déjà parlé. numéros de chaîne, booléens Ces numéros de chaîne, booléens, simples en JavaScript, ont pour les variables différents emplacements en mémoire. Je vais donc expliquer cela avec l'exemple. Supposons donc que nous allons changer la valeur du dessin animé pour devenir BMW. Et puis je vais à la console Log Guard One et à la console Log Cartoon. Dans le cas où nous en avons, nous aurons le garde un sera Fiat et B2 sera BMW. Voyons ça. Je vais donc me rafraîchir, aller à la console. J'ai Fiat et BMW, mais dans les objets, c'est totalement différent. Je vais vous montrer un exemple. Par exemple, je vais changer cet objet ou cette variable pour devenir un objet. Et il aura un champ appelé nom. Et ce nom sera encore là. Et je ferai aussi la même chose pour Dieu, mais j'attribuerai un dessin animé ou une voiture à la voiture 2 exactement de la même manière. Et puis je vais changer ce garde en nom de point, comme nous l'avons vu précédemment, comment nous changions le nom de la valeur d'une clé ou d'une propriété dans un objet. Et je vais le donner, comme on peut dire BMW, comme ça. Voyons donc ce qui va se passer lorsque je console les journaux R1 et R2. Avant de voir qu'ils sont différents, mais maintenant, comme vous le voyez, ont tous les deux BMW. Cela signifie donc que les objets font référence en JavaScript aux mêmes lectures de mémoire ou au même bloc de mémoire dans la mémoire lorsque vous les affectez les uns aux autres. Comme vous le voyez ici, nous avons deux objets. Ils font référence au même emplacement de mémoire. J'ai donc un utilisateur et un administrateur, et ils sont copiés les uns des autres exactement comme nous avons ici. Vous pouvez donc dire par exemple qu' il s'agit d'un utilisateur et c'est comme si nous avons un administrateur et que nous avons attribué l'utilisateur à l'administrateur. Et de cette façon, je dirai que l'administrateur a un nom et aussi le, je vais consoles consigner cet utilisateur et aussi admin, c'est exactement le même résultat. Ainsi, comme vous le voyez ici, l'artefact s'incline dans le même emplacement de mémoire. Donc, lorsque nous clonons l'objet, nous devons être très prudents. Imaginez si vous travaillez avec un gros programme et que vous clonez un objet quelque part. Est-ce que vous modifiez une valeur d'un objet et que l'autre GOT a changé ? Il faut donc être prudent lorsque vous clonez et que vous effectuez des objets. Il existe donc plusieurs façons de cloner les objets la bonne manière sans avoir ce problème ou ce problème. La façon la plus simple de supprimer ce clone. Et je dis que, d'accord, j'ai maintenant un objet vide. Maintenant, l'administrateur est totalement un nouvel objet. Et puis si je veux cloner l'objet utilisateur, je dirais que le nom du point administrateur est égal à user.name. De cette façon, je garantis que je clone cet objet. Ok, nous économisons, bien sûr, nous changeons le nom d'administrateur et nous l'avons essayé. Bon, maintenant ils sont différents. Que se passe-t-il si j'ai plusieurs propriétés ? Comme par exemple, j'ai ici une année et puis je dois dire, ok, admin dot year est égal à l'année de point utilisateur. De cette façon, c'est un peu délicat car vous avez besoin, par exemple, si vous avez 22 ou 30 propriétés pour chaque objet, vous devez le faire ou le cloner une par une. Ce n'est pas une bonne façon. Nous verrons plus tard comment cloner l'objet de manière appropriée afin qu'il n'affecte pas les objets qui ont été initialement éclatés. Par exemple, je vais vous montrer un autre moyen. Nous avons donc ici cet administrateur. Et maintenant, nous pouvons utiliser une propriété d'objet, appelée point objet. Et ensuite, nous pouvons avoir exactement la même copie de l'utilisateur sans modifier, par exemple, avoir la même référence de mémoire. Pour cela, vous devez utiliser l'objet mot-clé avec une majuscule, puis l'attribuer. Ensuite, vous devez spécifier la cible. Pour l'instant, cette cible est vide. Nous pouvons donc avoir ici un objet vide car l' administrateur au début est vide et comme vous vous en souvenez, nous avons séché, qui est vide pour avoir une nouvelle référence dans la mémoire, pas la même que l'utilisateur. Ensuite, vous devez placer l'objet que vous souhaitez cloner. Ainsi, nous avons administrateur avec les mêmes propriétés mais dans référence différente ou un endroit différent dans la mémoire. Nous avons donc alors le nom du point d'administrateur. Vous pouvez le changer, puis vous pouvez mettre BMW comme ça. Et puis nous économisons, réessayez. Et nous verrons qu'ils ont les mêmes propriétés, mais différentes parce que nous changeons de nom d'administrateur et cela n'a pas affecté l'original à partir duquel nous avons cloné, appelé utilisateur. Donc maintenant, le clonage se déroule à différents endroits de la mémoire, pas au même endroit, mais de cette façon, il y a aussi quelques problèmes, comme nous le verrons dans la prochaine conférence, comment résoudre un problème que nous pouvons avoir phase lors de la fusion ou, par exemple, du clonage des objets. 65. Clonage de l'objet peu et profond: D'accord, nous allons parler de clonage superficiel et de clonage profond des objets. Donc, tout d'abord, si j'ai une constante, nous pouvons l'appeler Dieu un et en écarter un objet. Il a des propriétés comme le nom, on peut dire comme Fiat. Et il a également une autre propriété comme la couleur. Avec cette couleur, on peut dire que c'est rouge. Et pour cela, je vais définir une autre constante. Je l'appellerai R2, et ce dessin sera égal à G21. Ainsi, quand je change la propriété du dessin animé, comme on peut dire cette couleur et ce sera, par exemple, le bleu. Dans ce cas, lorsque je console les deux voitures, je vais à la console et je la vérifie. Je vais voir que les deux voitures sont devenues bleues. Donc la solution pour cela, car ils font tous deux référence au même emplacement de mémoire dans votre mémoire. Donc, lorsque vous rencontrez ce problème, vous pouvez simplement faire un point d'objet attribué. Ensuite, nous avons un objet ouvert et vide, qui est le nouveau, puis l'objet à partir duquel nous allons cloner. Ainsi, lorsque je me rafraîchis, je verrai que le premier objet a conservé la couleur et que le second est modifié sans affecter le premier objet. Donc le problème qui est arrivé à l'actif que nous avons un clone superficiel, donc nous avons deux objets, ils font exactement référence au même emplacement de mémoire. De cette façon, nous avons fait un clone profond. Nous avons donc séparé l'objet deux l'un de l'autre et je le clone. Ensuite, j'ai un espace ou un emplacement mémoire pour chaque objet. J'ai donc la liberté de changer l'objet cloné et faire ce que je veux sans affecter l'objet original. Bien sûr, nous pouvons également utiliser pour cloner l'opérateur de propagation. Vous pouvez donc avoir comme des accolades ouvertes et ensuite vous signalez la fiche 1. Et de cette façon, vous obtiendrez le même résultat. Ainsi, trois points ou opérateur de propagation vont gérer cet objet, attribuer des points. Mais celui-ci n'est pas complet. Nous n'avons pas résolu le problème complet. Supposons, par exemple, j'ai un autre objet à l'intérieur de la voiture, donc nous pouvons l'appeler comme pièce. Donc, ces pièces par exemple, ont d'autres propriétés comme la roue, comme nous allons dimensionner, on peut dire qu'elle sera 22 et aussi la marque de verre. On peut donc dire la marque de verre, on peut dire l'axone. Donc de cette façon, d'accord, je clone cet objet, je les copie, d'accord, ils ont la même chose. Je vais donc changer comme l'outil de voiture. Je vais changer la roue pour qu'elle soit de taille différente. Donc je dirais aussi que la voiture, les pièces pointent, et ensuite je mettrai la roue pour avoir, par exemple, 16. Ainsi, quand je les ouvrirai et les deux, je verrai qu'ils ont le même problème. J'ai donc le même problème avec l'objet. C'est donc comme si j'avais aussi le même emplacement de mémoire, mais où, parce qu'il s'agit d'un nouvel objet et que ce nouvel objet a un emplacement mémoire. Et lorsque j'attribue un objet à un objet, je n'attribue que le niveau racine. Le niveau racine est donc différent dans la mémoire, pas le même, mais l'objet à l'intérieur de cet objet fait référence au même emplacement de mémoire, qui est différent des deux. Mais ici, il s'agit de la même chose parce que je les clones. Donc, pour résoudre ce problème, nous allons avoir le clonage en profondeur. Le clonage en profondeur peut se faire de différentes manières. L'un d'eux utilise une bibliothèque appelée « low dash ». Et cette bibliothèque effectue en fait ce qui suit. Par exemple, j'aurai l'opérateur divisé. Je vais cloner comme celui de Dieu. Et puis je donnerai des parties de points de dessin animé. Je suis également en train de cloner cet objet. Désolé, je dois supprimer cette const. Je clone donc aussi les objets subbed de la même manière. Ainsi, ce tiret bas va le faire. Imaginez que si vous avez beaucoup d'objets imbriqués , ce serait un casse-tête pour vous. Vous avez donc vraiment besoin du Deep Learning. Comme vous le voyez ici, j'ai des valeurs différentes. Donc vous avez besoin de ce genre, le, nous pouvons dire que le clonage profond doit être effectué par une bibliothèque. Et cette bibliothèque, elle s'appelle low dash, comme je vous l'ai dit, il suffit d'aller sur low dash.com. Je vais utiliser la copie CDN, qui est une copie là-dedans. Allons donc là et nous copions celui ou le lien qui a un point bas de tableau de bord main.js. Nous pouvons donc copier l'URL. Et bien sûr, vous pouvez être sûr que si vous l'avez déjà, cela fonctionne bien. Donc le fichier que nous avons copié, celui-ci qui contient la bibliothèque. Après cela, vous pouvez accéder à votre fichier et dire que je veux importer un nouveau script. Ce script sera donc le même lien que celui que vous avez copié. Donc, ce sera comme si j'avais un script puis mon script index.js. De cette façon, vous devez vous assurer que ce script arrive avant de travailler. Nous avons donc index.js, qui est celui sur lequel nous travaillons actuellement. Et puis avant cela, nous copions le script que nous avons copié pour low dash dot js. Ainsi, vous serez sûr que cette bibliothèque peut être appelée à l'intérieur de votre fichier index.js. Allons donc là et supprimons cette partie, et nous allons utiliser un clone profond. Donc, de cette façon, j'appelle la bibliothèque Dash bas en utilisant un trait de soulignement. Et souligner ses objets parce que le soulignement est un objet qui contient la bibliothèque, je dis Clone deep méthode de cette façon. Ensuite, j'attribue l'objet que je veux cloner. Ainsi, j'économise et j'ai déjà changé de valeur. Et puis on se rafraîchit. Nous verrons que, d'accord, fiat, nous les ajoutons encore tous les deux, fiat, nous les ajoutons encore tous les deux, mais le premier objet n'a pas la même valeur que l'objet cloné. De cette façon, j'ai l'objet cloné chaîne les valeurs sans avoir de problèmes ni d'influence sur l'objet d'origine. C'est ce qu'on appelle un clonage profond, non un clonage superficiel. Ainsi, lorsque nous effectuons un clonage en profondeur, nous créons des objets à partir d'un objet original, mais à un endroit différent dans la mémoire, non dans la même référence. Et le plus important aussi pour l'objet imbriqué, comme je l'ai déjà mentionné dans le problème. 66. Utiliser les objets de fusion des opérateurs: Dans les dernières vidéos, nous avons vu que nous pouvions cloner l'objet mais pas cloner en profondeur à l'aide de l'opérateur fractionné. L'opérateur présente également un autre avantage : fusionner des objets ensemble. Par exemple, je vais en avoir un autre, comme je vais changer leur voiture et je vais lui donner une nouvelle propriété. On peut donc dire, comme je dois dire la vitesse de pointe. On peut dire que cette propriété est à la vitesse de pointe 230, d'accord ? Et du panier 1 au panier, je veux créer un objet qui contient les propriétés du carbone 1 et aussi la propriété de garde. Vous ne pouvez donc pas le faire très simplement et facilement. Nous pouvons donc avoir dans le chemin l'opérateur de propagation. Je vais donc définir ici une voiture 3. Et cette galaxie sera un clone de Dieu un, et aussi un clone de dessin animé. Ainsi, vous pouvez fusionner des objets ensemble. Nous allons donc imprimer toutes les cartes. Je dirai donc ici que j'ai aussi le garde trois. Voyons maintenant, ok, Comme vous le voyez, nous l'avons déjà fait, qui est la voiture d'origine, la voiture, une avec des bardes et la deuxième voiture qui n'a que la propriété de vitesse supérieure. Et le troisième garde, il contiendra les pièces, le nom et la couleur qui sont liés à la voiture 1. Et aussi la vitesse de pointe, qui est également liée à leur voiture. 67. Fonctions de constructeur: Avant de définir l'objet de cette manière, nous utilisons ces accolades, puis nous créons les propriétés de l'objet. Ésaü aussi, une autre façon de créer une fonction qui a comme deux paramètres et renvoie l'objet et je crée le nouvel objet en utilisant cette méthode. Il existe une troisième voie, appelée fonction constructeur. Cette fonction constructeur a normalement le même nom que les objets cibles. Par exemple, nous avons un étudiant, un étudiant deux, mais nous avons maintenant un étudiant. Donc cette fonction, c'est une fonction normale. Et vous pouvez dire un étudiant avec une majuscule, puis vous pouvez passer des paramètres à cet objet ou à cette fonction, qui seront l'âge et la moyenne. Donc maintenant, cette fonction va avoir ces propriétés. Je dis donc que ce nom de point ou cette moyenne de points est égal au paramètre passé, appelé moyenne. Et je fais aussi la même chose pour l'âge. Nous avons donc aussi ces points, l'âge pour l'âge de l'étudiant. Ok, maintenant, nous avons cette fonction. C'est semblable à cela, mais oui, disons comment créer le troisième étudiant. Les troisième élèves peuvent être créés d'une certaine manière en disant trois étudiants. Ensuite, j'utiliserai le mot clé qui s'appelle New. Et avec ce nouveau, je dirai créer pour moi un étudiant. Et cet étudiant aura un paramètre. Ainsi, le premier paramètre sera, par exemple, 60, qui contiendra la moyenne et l'âge. Par exemple, nous en aurions 14. Donc, après cela, nous pouvons consoler le journal de cet objet. Et nous pouvons dire que les élèves trois sont pour moi un nouvel objet créé. Comme vous le voyez, c'est maintenant comme ça, donc il a dit que d'accord, j'ai un nouvel objet. Cet objet porte un nom, et cet objet possède deux propriétés, comme l'âge et la moyenne. Console consigne également étudiant et voyons quelle est la sortie. Nous avons donc ici comme un journal de console et nous aurons ici aussi un étudiant. Ainsi, nous verrons directement que nous avons l'objet sans avoir de nom de l'objet. C'est ce qu'on appelle une fonction constructeur ou une fonction constructeur, ce qui me donne la possibilité de créer des objets pour un type spécifique. Pour nous, cet étudiant est comme un type. Ainsi, l'objectif principal de l'utilisation du constructeur est d' implémenter un code de création d'objets réutilisables. Nous avons donc une vague ou une création différente. Et pour nous, cet étudiant est comme un type et il a la capacité de créer beaucoup d' objets étudiants sans avoir ce type de code ou celui-ci ou par exemple. Et c'est aussi plus facile à comprendre et à lire dans la console que je connais. D'accord, cet étudiant a un type ou un type d'objet ou de ce constructeur, appelé étudiant. 68. Collecte de déchets: Comme nous l'avons vu précédemment, cette définition d'un objet prend un espace dans la mémoire. Nous avons donc cet objet appelé utilisateur, et il a une mémoire d'objet ou un emplacement dans la mémoire avec le type permissif, qui est une chaîne, et il a un nom. La gestion de la mémoire dans le script Java est effectuée automatiquement pour nous ajouter de manière invisible. Il est donc très important de savoir que chaque objet que vous définissez prend place dans la mémoire. Chaque variable, chaque constante et chaque let, vous dites qu'elle se déroule dans la mémoire du navigateur et aussi sur la machine du client qui ouvre le site Web et utilise du code JavaScript. Vous devez donc savoir aussi, comme quand je dis que l'utilisateur est égal à null, qu'il y a quelque chose appelé en JavaScript chez garbage collector. Et ce collecteur de déchets collecte l'objet ou les emplacements de mémoire, les supprime ou les libère comme il y en a, personne ne fait référence à cet emplacement de mémoire. Ainsi, le JavaScript va s'en occuper et supprimer ou libérer cet emplacement de mémoire, car maintenant nous avons perdu la référence à cet objet. Pour l'expliquer plus en détail, supposons que nous ayons également une autre variable ou un autre objet, appelé admin. Et cet administrateur est la même copie de l'utilisateur, comme s'il faisait référence au même endroit dans la mémoire. Ainsi, quand je dis que l'administrateur est utilisateur, donc les deux, ils ajoutent un carénage au même emplacement. Ok, lorsque l'utilisateur est nul, il reste une référence par administrateur. De cette façon, JavaScript veut supprimer cet objet ou il ne gèlera pas cet espace dans la mémoire. C'est parce que cet administrateur fait toujours référence à cet emplacement de mémoire. Vous n'avez donc pas à vous soucier de la façon dont je peux supprimer cette valeur de mémoire lorsque j'ai complètement supprimé ou lorsque j'utilise ce null. Non, ne vous inquiétez pas, JavaScript va libérer la mémoire pour vous lorsque vous dites que cet objet n'est égal à aucun. 69. Objet de Math: En JavaScript, il existe déjà des objets définis que vous pouvez utiliser et ils ont certaines méthodes ainsi que certaines propriétés ayant des valeurs fixes. Par exemple, l'un d'entre eux est le maths. Ce calcul était en majuscule. Il y a beaucoup de méthodes comme quand la notation par points vous pouvez aller et vous pouvez voir toutes ces opérations. Par exemple, pour les utiliser, je peux définir une variable. J'appelle ça comme par exemple log ou on peut dire x, ok, x, puis x est un point mathématique. Et puis vous pouvez dire le signe rond de puissance et tout cela comme l'opération en mathématiques. Prenons donc l'un de ces exemples. Donc je dirai ici, comme nous pouvons l'avoir fait, nous pouvons dire cosinus de, par exemple, mettre 45, le cosinus de 45, bien sûr, nous pouvons mettre console.log et ensuite dire x. Et après cela, nous nous rafraîchissons. C'est le cosinus des œufs similaires. Toutes ces opérations sont donc disponibles ici dans la bibliothèque de mathématiques. Il y a donc un journal, et le journal a également cette valeur. Toutes ces opérations, comme je vous l'ai dit, sont disponibles dans cette bibliothèque de mathématiques. Ainsi, de différentes manières, comme vous pouvez voir la documentation à leur sujet. Donc, tout d'abord, vous devez mettre comme la méthode, puis mettre la souris dans Visual Studio Code et vous verrez quel est le paramètre. Donc, ici, vous devez passer un nombre et il est dit ici, comme renvoyer la racine carrée d'un nombre. Voici donc l'explication de cela. Jusqu'à présent, je dirais celui-là, d'accord, j'ai tout ça. Ainsi, vous pouvez utiliser toutes ces opérations en mathématiques où vous allez les utiliser dans votre code. Par exemple, vous pouvez également utiliser certaines opérations d'arrondi. Donc, l'opération d'arrondi, il demandera un nombre et il arrondira la variable d'une manière ou d'une autre, numéro de commande s'il s'agit d'un type flottant. Ainsi, par exemple, celui-ci a été arrondi à un niveau inférieur quand il est inférieur cinq et il l'arrondit quand il est plus grand que cinq. Comme vous le voyez ici, il est arrondi à 43. De nombreuses opérations dans ce calcul, vous pouvez les jeter un coup d'œil et les lire à leur sujet et vous voyez si vous voulez les utiliser à l'avenir ou non. 70. Objet de la date: En JavaScript également, il y a l'objet PUT s'appelle date. Vous pouvez donc définir une date et l'attribuer à une variable. Par exemple, je dirai ici la date et cette date vous pouvez utiliser un mot-clé appelé nouvelle date. Nous en avons déjà parlé. Vous pouvez donc créer un nouvel objet d'une date. Console consigne maintenant cette variable de date, donc nous pouvons dire ici le lead, date et le journal de la console. Rafraîchissons donc. Comme vous le voyez, nous avons ici le mardi octobre et le fleuret, comme la date de format. Il y a beaucoup d'opérations sur cet objet. Maintenant, il s'agit d'un objet, comme vous le voyez, c'est un objet appelé date. Et cet objet date contient beaucoup de méthodes comme vous le voyez ici. L'un d'eux aime obtenir des millisecondes ou obtenir des heures, obtenir des millisecondes, obtenir des minutes, obtenir un mois. Essayons donc d'obtenir le mois, obtenir le mois est comme méthode et il me retournera un numéro. Je suis donc en train d'enregistrer ce cours, on peut dire en octobre. J'en arriverai donc neuf. Cet objet date contient donc plusieurs méthodes. L'un d'entre eux, par exemple, nous devons avoir des heures, avoir des heures. Il vous indiquera les heures actuelles sur votre machine locale. Ainsi, vous pouvez afficher l'heure actuelle dans le navigateur de l'utilisateur en fonction de son heure locale sur sa machine. Donc, de cette façon, je dirai que la date point obtient des heures, je me rafraîchis et j'en reçois 20 parce que maintenant j'enregistre à 20 ans. Ainsi, vous pouvez faire beaucoup de choses avec. Vous pouvez donc créer ou créer une date d'objet et l'utiliser à plusieurs endroits pour afficher des informations sur la date à l'utilisateur. Cet objet est donc également prédéfini en JavaScript et nous pouvons également l'utiliser. Vous pouvez jeter un coup d'œil à toutes les méthodes une par une en cliquant dessus. Ensuite, vous pouvez lire, obtenir la seconde d'un objet date en utilisant l'heure locale comme vous le voyez ici. Voici donc la brève description de la date. Vous verrez plus tard lorsque vous aurez un projet et que vous verrez les quiz dans ce cours, vous pouvez créer beaucoup de choses avec l'objet date. 71. Qu'est-ce qu'un tableau ?: Dans cette section, nous allons en apprendre davantage sur les tableaux. Vous vous demandez peut-être, quelle est cette boîte de chocolats ? Cette boîte de chocolat est un tableau, ou on peut l'appeler une matrice. La matrice en mathématiques est une ligne de valeurs dont elles ont plusieurs ou une dimension. Et dans toutes les dimensions, je stocke des données. Et ces données peuvent être identiques ou différentes. Donc, le tableau, normalement, ce sont, par exemple, des objets, mais ils le sont, ou ils n'ont pas de clés. La clé pour nous est donc un index, comme je peux commencer à numéroter à partir de 0123, etc. Voici donc une matrice ou les tableaux, car les objets vous permettent de stocker une collection de valeurs à clé, comme je l'ai dit, mais souvent, nous constatons que nous avons besoin d'une collection ordonnée où nous avons le premier, le deuxième, le troisième élément, etc. Par exemple, nous en avons besoin pour stocker une liste d'utilisateurs, biens ou d'éléments HTML ou CSS. Il n'est pas pratique d'utiliser des objets ici car il ne fournit aucune méthode de gestion et d'ordre des éléments. Nous ne pouvons pas insérer de nouvelle propriété entre les propriétés existantes. Je veux donc avoir des éléments ordonnés car, comme vous le voyez précédemment, que l'objet, ils ont donné des clés et des propriétés, mais ces clés ne sont pas ordonnées dans un ordre spécifique. Ils peuvent être dans différents ordres. Par exemple, si je considère cela comme un objet et que je veux insérer ici quelques données entre ce chocolat et celui-ci. Je veux mettre un chocolat blanc. Cela n'est pas possible dans les objets, mais avec des tableaux. Nous pouvons le faire. Dans la prochaine conférence, nous allons voir comment écrire un tableau en JavaScript. 72. Syntaxe de tableau: Il existe deux syntaxes de création du tableau. Par exemple, je dirai laisser array, il s'agit d'un nom de variable, puis je dirai un nouveau tableau. Comme nous l'avons vu précédemment, nous pouvons définir des objets avec un nouveau mot-clé et un tableau est un objet, mais il implémente un tableau. De plus, une autre façon de définir un tableau consiste à utiliser le tableau de mots clés et comme les crochets. Ainsi, avec les crochets, vous pouvez également définir un tableau. Nous utilisons toujours le deuxième, qui est celui-ci. Donc normalement, lorsque vous voulez définir un tableau, vous pouvez dire que j'ai un tableau, par exemple, de voitures. Et je dirai ici que les voitures. Et le premier élément de la voiture, vous pouvez définir ici une chaîne ou un nombre ou quoi que ce soit. Je peux donc dire, par exemple, que j'ai encore une BMW. J'ai, par exemple, comme le week-end, dit Mercedes. Ainsi, vous pouvez avoir une gamme de voitures, mais comme vous le voyez ici, nous n'avons pas de clés. Ainsi, l'élément tableau, ils sont numérotés comme à partir de 0. Donc, cet élément 0 est fiat à chaîne. Le premier élément est une ficelle, BMW, et cetera. Nous pouvons obtenir un élément par son numéro entre crochets. Par exemple, je dirai journal de points de console. Ou vous pouvez également utiliser l'alerte, pas de problème. Je peux donc dire ici des cartes. Et avec ces gardes, je peux accéder avec les crochets, le premier élément, par exemple. Ou je peux accéder au deuxième élément, ou je peux accéder au troisième élément. Le comptage commence donc toujours à 0. Essayons donc ça et rafraîchissons. Nous avons eu ici une erreur parce que j'ai utilisé le tableau plusieurs fois. Nous pouvons donc dire ici tableau 1 et tableau 2. Vous ne pouvez donc pas définir le même nom de variable deux fois. De cette façon, je verrai que j'ai eu ça quand je le changerai en un, j'ai eu BMW. C'est ainsi que nous travaillons avec des tableaux, ou c'est la syntaxe de tableau. Bien sûr, nous pouvons également remplacer l'élément de la matrice, donc je peux dire les voitures. Et puis je précise quel élément, disons le second, qui est BMW. Je ne peux pas le changer avec d'autres types de voitures comme Jaguar. De cette façon, il sera remplacé par un autre tableau. Je peux donc aussi verrouiller la console. J'ai donc un gardien ici et je vais le consoler. Donc, d'abord, c'était BMW, puis il est devenu Jaguar. 73. Tableaux multidimensionnels: Vous pouvez également utiliser des matrices définies par JavaScript ou des tableaux multidimensionnels. Mais JavaScript ne fournit pas le tableau multidimensionnel en mode natif. Cependant, vous pouvez créer un tableau multidimensionnel en définissant un tableau d'éléments où se trouve également chaque élément, c'est un autre tableau, comme ici dans notre exemple, Fiat sera également un tableau. Bmw sera également un réseau. Prenons donc un exemple. Je donnerais donc des activités comme chef de file. Et ces activités seront, comme vous le voyez, tableau. Et je peux aller à une nouvelle ligne et je dirai, comme le premier élément de ce tableau sera également tableau. Je dirai donc ici comme le travail et le travail dure environ neuf heures. Et puis je prendrai la nourriture comme on peut le dire, ou manger, comme vous pouvez le dire, disons que manger c'est mieux. Donc, avec manger, j'ai une heure. Et j'ai aussi, par exemple, de l'exercice. Je peux donc dire ici que je vais utiliser, par exemple, deux heures pour faire de l'exercice. Et on peut dire « dormir ». Nous serons par exemple sept heures, etc. Ces activités sont maintenant stockées sous la forme d'un tableau de baies. Donc, lorsque vous voulez consoler consigner cette baie de disques, disons ici le journal de la console et nous consignerons les activités de la console. Et quand je me rafraîchissais, j'obtiendrais ici le tableau. Et dans chaque membre de ce tableau, il y a tableau, tableau à, à, pour aimer deux éléments de chaque tableau. Ainsi, lorsque vous l' ouvrez, vous verrez que 0, le premier index est travail et neuf. Et lorsque vous ouvrez celui-ci, vous verrez également un tableau avec 01 index. Ainsi, vous pouvez travailler avec des tableaux multidimensionnels. Je vais vous donner maintenant de nouvelles astuces. Vous pouvez donc consoler consigner ces baies, par exemple, dans les DevTools d'une manière magnifique. Vous pouvez donc dire table à points console. Ainsi, avec cette table à points console, elle va la consoler de manière magnifique pour vous. Comme vous le voyez ici, nous avons ici l'index, et nous avons le premier élément du tableau ainsi que le deuxième élément du tableau. Chaque tableau est donc consolé sous la forme d'une table ou d'une ligne dans la table. Par conséquent, si vous souhaitez obtenir un élément spécifique à partir d'un tableau multidimensionnel, vous pouvez également utiliser le journal de la console. Donc ici, au lieu de la table, on peut dire journal de console. Et puis vous spécifiez le premier tableau ou la première dimension, qui sera comme le premier élément, je veux dire celui-ci. Et puis je dirai, donnez-moi le deuxième élément du premier tableau. J'en aurai donc neuf parce que c'est le deuxième. Voici donc le premier et c'est le deuxième. Alors, quand nous nous rafraîchirons, j'en arriverai neuf. Et aussi quand je mettrai 0 , je vais travailler. C'est parce que j'accède à un tableau de tableaux. Il en va de même pour la troisième dimension, les quatre dimensions, etc. Vous pouvez donc également faire fonctionner ce tableau. Vous pouvez disposer d'une profondeur illimitée de tableaux. 74. Ajouter des éléments à l'organisation: Vous pouvez facilement ajouter des éléments au tableau en utilisant deux méthodes. L'un d'eux est comme si vous pouvez assigner directement aux fruits comme nous l'avons ici, une pomme, une orange et une dodue. Vous ne pouvez pas simplement dire, par exemple, que je veux des fruits. Et vous pouvez simplement dire que je veux dans le troisième élément, comme dans le quatrième élément, désolé. Nous avons donc 0, 1, 2. Et puis je dirai dans le troisième élément qui n'existe pas jusqu'à présent. Je peux donc mettre, par exemple, de la banane. Donc, après cela, vous pouvez le consigner et vous verrez que cet élément banane est ajouté au tableau. On peut donc dire ici des fruits et ensuite les rejeter. Et nous verrons que l'article a été ajouté. Il vous suffit donc d'ajouter l'index. Où voulez-vous ? Donc, si vous sautez quelques chiffres, comme par exemple, j'ai ici 0, 1 , 2, puis le troisième. Alors disons que vous voudriez six, que va-t-il se passer ? Ainsi, lorsque nous nous actualiserons, nous verrons qu'il y a directement ces éléments. Mais il est dit ici dans la console qu'il nous a fait remarquer qu'il y a trois endroits vides. Mais ici, dans le tableau, vous voyez directement que nous avons le tableau avec ces index. Donc, pas de problème avec ça aussi. Il suffit de vous souvenir de l'indice de la banane. Il existe un autre moyen d'ajouter des éléments au tableau. Donc, si, par exemple, vous pouvez dire fruits et ensuite mettre point parce que maintenant les fruits sont un tableau et ce tableau comme derrière la scène est objet et il a ses propres méthodes. Ainsi, comme vous le voyez ici, nous avons des méthodes pour ce tableau, comme nous le verrons plus tard, l' une d'elles s'appelle bush, sorte que vous pouvez pousser l'élément vers ce tableau. Par exemple, je dirais Melbourne. Après cela, quand je me rafraîchirai, je verrai que la pomme, l'orange, banane et Milan sont ajoutés. Ainsi, avec Bush, vous pouvez également ajouter des éléments au tableau. 75. Supprimer des éléments de tableau: Nous avons déjà vu que nous avions un élément à pousser vers le tableau afin que nous puissions pousser ou ajouter un élément au tableau en utilisant la méthode push. Mais si vous souhaitez supprimer un élément du tableau, vous pouvez utiliser une méthode appelée pop. Ainsi, avec pop, vous pouvez simplement l'appeler, puis il supprimera le dernier élément du tableau. Comme vous le voyez ici, nous économiserons et nous nous rafraîchirons. OK ? Et nous verrons que Mellon a été retiré. Donc, si nous voyons ici comme ça, c'est avant et après. Après cela, c'est avant et après. Le Milan a donc été ajouté puis retiré des éléments. Maintenant, pour supprimer un élément du tableau à un emplacement spécifique. Comme vous le voyez, la pop ne se retire que de la fin du tableau, comme le dernier élément, comme ici. Dans notre cas, c'était du melon. Mais si je veux utiliser ou enlever le plomb, par exemple, il existe une méthode appelée épissure. Donc, avec cela s'applique, bien sûr, je vais simplement commenter ceux pour comprendre l'exemple de ne pas apporter de modifications sur le tableau. Nous avons donc maintenant quatre éléments : pomme, orange, prune et banane, que nous avons ajoutés ici. Je veux enlever la prune. Il existe également une méthode dans les tableaux appelée épissure. Et avec les fournisseurs, vous pouvez spécifier d'où commencer à supprimer. Par exemple, je veux enlever une prune, donc je dis 012 la seconde. Ainsi, dans le cas du comptage des tableaux, c'est le troisième élément, mais l'index est deux. Maintenant, je vais dire combien d'éléments je veux supprimer de cet index et après. Donc, si vous voulez supprimer plusieurs, vous pouvez dire que je veux supprimer la prune et la banane, mais si vous voulez supprimer uniquement la prune, je spécifie que je ne veux supprimer qu'un seul élément de cet index. Voyons donc ce qui va se passer maintenant. Si je me rafraîchis, je prendrai de la pomme, de l'orange, de la banane. Je n'ai pas eu la prune. Donc à partir de cet indice, du troisième indice, qui est deux dans le comptage, puis je retire un élément. Si vous voulez en supprimer plus, il suffit de dire par exemple deux. Dans ce cas, j'enlève la prune et la banane. Donc, économisons et il a été supprimé. Donc, si vous souhaitez supprimer un élément d'un endroit spécifique, suffit de placer l'index de l'élément et de le compter. Ensuite, l'élément sera supprimé et il mettra à jour le tableau. 76. Impression d'éléments de tableau à l'aide de la boucle: Comme vous le voyez ici, nous réalisons un journal de console pour la baie, tout cela. Et il imprime pour nous tous les membres, mais ils sont imprimés sous forme de tableau. Disons donc que je souhaite gérer les données à l'intérieur de ce tableau. Par exemple, j'ai un tableau de nombres et je veux, par exemple, voir comme le double de chaque nombre. Je vais donc y aller, ou j'irai ici pour commenter cela. Et je vais définir un nouveau tableau. Et je dirai comme des numéros de plomb. Et ces chiffres auront comme 12 ou disons des numéros différents 24, 36 et 42 par exemple. Et maintenant, je veux passer en revue tous ces chiffres. Attention, vous en avez deux séparés par une virgule, pas avec un point. La séparation entre l'élément de tableau se fait donc par une virgule. Et comme je l'ai dit, vous pouvez spécifier n'importe quel type de tableau ici. Vous pouvez donc dire ici des nombres, des booléens, et vous pouvez avoir, par exemple, des fonctions. Ça n'a pas d'importance. Donc maintenant, je vais imprimer ou imprimer des tableaux ou des nombres, tous dans la console, mais je veux en doubler par exemple. Nous pouvons donc gérer les données à l'intérieur de la baie à l'aide de boucles for ou de tout type de boucles. Mais le moyen le plus simple est d'utiliser une boucle for. Donc pour la boucle, comme vous le voyez ici lorsque vous sélectionnez pour boucle ici. Ainsi, le code Visual Studio va créer pour vous et le mettre en tableau. Tous les éléments du tableau dont vous avez besoin, ou tous les membres de la boucle for dont vous avez besoin pour imprimer ou gérer l'élément de tableau. Ou vous pouvez l'écrire à la main. Je vais l'écrire par mes mains. Donc, je dirai ici quatre et ensuite je dirai que je le laisserai, et ensuite je serai, par exemple, cette longueur du tableau. Ainsi, comme une plus petite longueur de la matrice. Donc, si vous voyez qu'il y a une propriété qui s'appelle length, et que cette longueur m'a été renvoyée. Combien d'éléments à l'intérieur de ce tableau ? Donc, après cela, je dirai moi et puis plus, plus. Et après cela, j'ouvrirai des bretelles bouclées. Et puis je dirai, ok, consoles consigne pour moi le tableau comme ces chiffres. Et puis j'utiliserai comme index, pas un nombre, comme nous l'avons vu auparavant, 0, 1, 2, j'utiliserai I. Donc je vais passer de 0 à la longueur de ce tableau. Donc, après cela, si nous avons ce numéro, essayons donc de l'imprimer comme ceci. Je n'ai rien, rien dans la console parce que nous devons initialiser l'œil. Comme vous le voyez, parfois vous commettez des erreurs, mais vous devez apprendre de vos erreurs. Il me manque donc les zéros que je dois initialiser la variable de valeur, c'est-à-dire. Alors, quand on se rafraîchit, ok, j'ai eu 24, 36, 42, mais je n'ai pas été séparé comme un tableau comme nous l'avons vu auparavant. Je peux donc maintenant effectuer n'importe quelle opération sur ces éléments de tableau. Je dirai donc ici comme les doubler, multiplier par deux. Alors j'obtiendrai le double de ces éléments de tableau. De cette façon, je suppose que la longueur du point des nombres revient pour moi, pas un ou deux, le dernier index, mais il renverra trois éléments. Il en reviendra donc trois. Donc, quand je dis exactement égal, il n'ira pas à trois. Il va donc passer 012, qui est exactement ce dont j'ai besoin pour ce tableau. Il faut donc faire attention à ce que celui-ci soit plus petit que, exactement pas plus petit ni égal. Sinon, vous obtiendrez une erreur ou aucune indiquant que le dernier élément du tableau n'existe pas car nous comptons jusqu'à trois et qu'il n'y a pas de quatrième élément semblable ici, qui est le troisième index. 77. Clonage de tableau peu et profond: Comme nous avons déjà parlé d'objet, cette copie de l'objet fait toujours référence au même emplacement de mémoire. va de même pour le tableau. Je vais vous donner un exemple. Je vais donc copier ce tableau. J'aurai donc comme numéros de piste, copie et ce numéro est une copie. Je vais lui attribuer des numéros. Ainsi, la numéros aura une copie ou nous pourrons avoir les mêmes données que les numéros. Donc, quand je veux changer, ou aimons d'abord la console consigner ceci pour m'assurer qu'elle a vraiment les mêmes chiffres ou les mêmes éléments à l'intérieur des chiffres. Donc quand j'économise, je me rafraîchis, d'accord, j'ai un tableau comme vingt-quatre, trente six, quarante deux. Ok, maintenant je vais au journal de la console ici aussi, le premier tableau, comme les chiffres, je dirai ici. Chiffres. Comme si vous pouvez également combiner cela. Vous pouvez donc dire tableau de nombres. Et puis il faut dire ici comme l'espace. Et puis tu mets ça comme un signe de dollar et tu fermes la coche arrière. Par la suite, vous pourrez appeler le membre ou le membre de ce tableau. Après cela, nous pourrons faire de même pour les autres éléments. Nous pouvons donc avoir ici aussi par Arctic. Et nous dirons des chiffres, des copies et des copies. J'aurai un signe de dollar et des accolades bouclées, puis je tiquerai le dos. Donc maintenant, je vais avoir dans le journal de la console deux baies, 24, 36, 42, identiques. Ils sont tous les deux pareils. Je vais donc maintenant changer le premier élément de la copie des chiffres. Je vais donc dire que le premier élément des chiffres copie, le changer pour que j'aie dix ans. Ok, on économise, on se rafraîchit. Nous verrons qu'ils ont tous les deux obtenu 10. Donc exactement avec des objets comme nous avons la même référence au même emplacement de mémoire que ces tableaux. Nous ne pouvons donc pas copier les tableaux comme celui-ci, surtout si je souhaite effectuer certaines opérations sur cette baie. Bien sûr, vous pouvez utiliser cette opération, mais vous devez savoir que vous modifiez réellement un tableau qui affectera le tableau d'origine. Ainsi, de la même manière avec les objets, vous pouvez utiliser le clonage ou nous pouvons dire l'opérateur de propagation. Vous pouvez donc simplement utiliser les crochets comme celui-ci, pas les accolades, mais les crochets car ici nous avons un tableau puis les trois points. Ensuite, vous indiquez le nom du tableau d'origine. Ainsi, lorsque nous actualiserons maintenant, nous verrons que nous avons 24 pour le tableau d'origine , puis pour le nouveau tableau ou le tableau copié comme vous le voyez ici, car nous changeons le premier élément de celui-ci. C'est donc l'une des façons de cloner ensemble des tableaux. Il existe une autre façon d'utiliser les boucles for. Par exemple, je dirais que je peux définir un tableau vide comme celui-ci. Et puis je ferai une boucle for-loop. Et avec cette boucle pour, je peux dire que la copie des nombres est égale, comme on peut dire que les nombres copient I ou index car ici j'ai déjà défini la boucle ou l'itérateur sera index. Je dirai que comme l'index numérique ou l'index de copie numérique est l'index des nombres. Après cela, nous allons remplir ce tableau. Nous devons donc mettre ici la longueur du tableau de nombres. Donc nous sauvegardons, rafraîchissons comme vous le voyez ici, nous avons aussi dans un nouveau tableau, cet opérateur de race que je vous ai montré auparavant, fait ce travail. Nous pouvons donc supprimer cela et utiliser le moyen simple et moderne de cloner ensemble des baies. C'est comme ça que c'est le meilleur moyen. Donc, toujours lorsque vous voulez cloner un tableau et que vous souhaitez y changer, utilisez cet opérateur de race. Vous n'avez pas besoin d'utiliser les tableaux, que je vous ai déjà dit, ou comme l' opération égale que je vous ai déjà dit ici, que c'est totalement faux car cela va changer le tableau d'origine. Et comme je vous l'ai montré, si vous avez imbriqué des tableaux, comme je vous l'ai déjà dit ici, comme nous avons un tableau de tableaux, alors vous avez ce que vous devez utiliser, le clone profond, qui vient du soulignement ou du bas tableau de bord. Ici, la bibliothèque basse Dash vous fournit une méthode clone deep. Et cette méthode clone, vous pouvez dire comme ce que vous voulez cloner. Je veux donc ce tableau ou ces chiffres. De cette façon, il vous fera une nouvelle copie sans affecter le tableau d'origine. Si les valeurs du tableau cloné ont été modifiées. 78. L'opérateur Spread est également utilisé pour les grilles: Et utilisez également cet opérateur de race pour fusionner des tableaux comme nous l'avons fait avec l'objet. Par exemple, j'ai deux tableaux, les noms un et les noms2. Permettez-moi de définir un troisième tableau, qui sera le mariage entre nom1 et noms2. J'aurai donc ici les noms trois, et ensuite je le donnerai comme si la fusion serait l'opérateur de propagation que je mettrai trois noms de points, 13 points nommés Stu. Donc, dans ce cas, nous aurons le mariage entre ces groupes. Je vais donc consoler les noms trois pour voir le résultat. Donc, quand j'aurai maintenant ce mariage entre ces tableaux, nous aurons, c'est tout, les deux sont dans un même tableau. Comme vous le voyez, j'ai six éléments. C'est donc le moyen le plus simple de marier des tableaux en JavaScript. 79. Retouche et triage de tableaux: Lorsque nous explorons les méthodes des tableaux JavaScript, nous verrons les méthodes multiples et les méthodes utiles pour nous. Donc, par exemple, je vais utiliser maintenant sont comme une méthode appelée inverse. Donc, les noms trois ici nous avons comme joint des deux tableaux ici, noms un et les noms2. Donc, si je dis nom, c'est comme ça. Et puis j'ai mis une méthode appelée inverse. Ensuite, nous verrons que ce tableau s'est inversé, comme le prénom sera Val puis Annie, puis Sunday RAM est Julia et John. Ainsi, lorsque nous nous connectons avant et après la console, nous verrons cette différence. Maintenant, j'ai ici la ROM originale de Joan Julia est Sandy, et la seconde est l'inverse, l'opposé comme de la fin au début ou de l'entendre du début à la fin. Ainsi, vous pouvez inverser le tableau. Vous pouvez également trier le tableau. Donc, en utilisant comme la méthode de tri. Vous pouvez donc dire ici ce genre de choses. Et puis avec ce type de points, vous pouvez avoir comme un tableau de compassion. Tout ce que vous dites juste comme ça. Je vais commenter cela. Ensuite, vous verrez que tous les tableaux sont triés. Nous avons donc John, Julia ROM comme avant, et maintenant c'est trié par lettre, comme vous le voyez ici. Comme la première lettre est a, puis j, puis notre S, puis la voyelle à la fin. Le tri se fait donc par lettres. Si vous avez des nombres, le tri sera effectué par numéros. Donc ces méthodes géniales, vous pouvez les utiliser directement en JavaScript sur des tableaux pour effectuer des opérations telles que l'inverse et le tri d'un tableau. 80. Trouver des éléments de tableau: L'une des méthodes des tableaux consiste à trouver certains éléments par leur nom. Par exemple, je veux avoir comme, je veux rechercher un nom, puis je l'obtiendrai dans le tableau à partir du tableau. Ainsi, vous pouvez dire que j'ai des noms, trois, encore une fois, trouver, donc nous trouvons la méthode. Vous pouvez trouver certains éléments dans le tableau. Donc, la façon la plus simple ici, c'est comme ce n'est pas si difficile parce que vous connaissez les éléments et vous pouvez simplement spécifier l'index. Mais la méthode find comporte également quelques rappels. Vous pouvez donc également spécifier une condition comme sur le, la recherche à l'intérieur du tableau. Donc, ce rappel, comme vous vous en souvenez, nous les avons appelés dans les fonctions et nous définissons quelque chose appelé comme le rappel. Et ce sont des fonctions à l'intérieur comme paramètre de certaines fonctions. Pour cela, nous pouvons utiliser ceci comme trouver et nous pouvons définir une autre fonction comme un rappel. Et nous arriverons ici comme une valeur. Bien sûr, vous pouvez le nommer tout ce que nous voulons. Et alors, ce sera une fonction de flèche. Et à l'intérieur de cette fonction de flèche, vous devez renvoyer une condition, la condition qui aura l'évaluation à trouver. Par exemple, je veux que la valeur soit égale à comme Annie par exemple, comme ceci. Donc, après cela, vous n'avez pas comme égal comme ceci, mais vous devez avoir une valeur vraie ou fausse comme cette valeur. Après avoir effectué une boucle dans le tableau, il va boucler. Il ira un par un. John est-il incroyablement similaire à Ani ? Non, Juliette est égale à n'importe quel non, non, non. Et puis Ani est égal à Annie. Oui. Et ensuite, il vous le retournera. Mais cette bonne chose, il retournera tableau. Donc, ce tableau, nous devons l'affecter à une autre variable. Je dirai donc ici que le nom trouvé soit égal à celui-ci. Je vais donc consoler le nom trouvé. Nous verrons donc qu'il ne reviendra que pour nous E10. Rafraîchissons donc. Le retour est Annie comme vous le voyez ici. La méthode find consiste donc à trouver un élément de tableau spécifique sous certaines conditions. Par exemple, si vous vous souvenez, nous avons défini, comme tout ce que nous avons vu une méthode à l'intérieur de la chaîne appelée start with. Donc, si une chaîne commence par, par exemple, la lettre J , elle reviendra pour nous, comme le tableau qui contient Joan et Julia, car c'est vrai. Donc, lorsque la valeur revient ou est égale pour commencer par j, alors elle retournera pour moi vrai. Donc, chaque fois que cela passe, il stockera cette valeur ou qui résulte dans le nom. Nous pouvons donc appeler cela comme un nom trouvé car nous allons maintenant trouver plusieurs noms. Rafraîchissons. Allez ici. Et comme vous le voyez, nous avons le premier élément. Donc, dans ce cas, cette méthode de recherche ne trouve que la première occurrence d'un élément. Donc, quand je serai ici pour la première fois , ça s'arrêtera. Et cela ne reviendra pour moi que la première occurrence ou seulement le premier vrai résultat, qui vient de cette condition. Si vous voulez utiliser un autre moyen ou un retour, ce sont tous des noms, alors vous devez utiliser une autre méthode appelée filtre. Et ce filtre va me renvoyer tous les articles qui commencent par une lettre J. Comme vous le voyez ici, nous avons Joan et Julia. En d'autres termes, filtre revient pour nous et array, mais find ne nous renvoie qu'une seule valeur. Et cette seule valeur n'a été renvoyée qu'après la première occurrence de la condition valide ou d'une condition vraie que nous avons spécifiée ici. Et retournez l'élément qui est trouvé, qui atteint cette condition. Vous devrez donc faire la distinction entre trouver et filtrer. Le filtre renvoie toutes les occurrences après ou sous certaines conditions. Mais find ne renvoie que la première vraie ou la première occurrence de la condition avec cette valeur. 81. Iteration à l'aide de la grille: Si je veux gérer toutes les valeurs d'un tableau spécifique, si vous vous souvenez, nous le faisions avec for loop, comme vous le voyez ici. Mais il existe un autre moyen de le faire, qui est plus facile et plus efficace et plus de performances en utilisant pour chacun, car chacun est également une méthode définie dans les tableaux en JavaScript où vous pouvez faire une boucle sur les éléments du tableau. Prenons donc un exemple. Je vais donc parcourir les noms trois, encore une fois, comme nous l'avons fait ici, Définissez les noms un, nomes2 et je les ai remariés. J'aurai donc ici quelques noms trois, et j'utiliserai une méthode qui est appelée pour chacun. De la même manière, pour chacun, nous aurons un rappel. Et ce rappel, vous pouvez utiliser la valeur par valeur. Ainsi, la valeur reviendra ici, comme tous les éléments comme le disent le week-end ici. Comme un nom plus clair, on peut dire nom. Nous avons donc des noms ici. Je ferai donc une boucle par nom, par nom pour chaque nom, puis je pourrai utiliser ce nom pour ce que je veux. Je dirai donc ici console.log, ce nom aussi. Alors, quand on se rafraîchit, tu vois Notre, ok, j'ai d'abord imprimé le tableau, qui est ici. Et puis j'ai mis la pièce d'identité, nom par nom pour chacun fait son travail. Vous pouvez également effectuer ou taper l'index. Vous pouvez donc dire ici une virgule comme un autre paramètre et dire index. Et avec l'index, vous pouvez également consolider le consigne de la console. Vous pouvez donc utiliser l'index de ce tableau. Comme vous le voyez, j'ai l'index et la valeur qui est une chaîne. Ainsi, vous pouvez effectuer une boucle sur la baie de différentes manières. Nous utilisons la foreach. 82. Changer la grille à l'aide: Que se passe-t-il si, par exemple, je veux avoir quelques modifications sur un tableau ? Par exemple, je veux remplacer Joan par celle-ci. Comme vous le voyez ici, comme je peux modifier le tableau et renvoyer un nouveau tableau contenant les modifications. Jusqu'à présent, je peux faire une boucle, par exemple, le nom est 3, qui est le mariage entre les noms et un, et noms2. Nous pouvons donc trouver Joan et remplacer Joan par ce fantôme. Jusqu'à présent, je vais avoir ici trois noms. Ensuite, j'utiliserai une méthode appelée carte. Ainsi, avec la carte, vous pouvez faire ce que vous voulez avec les éléments. Vous pouvez les modifier. Vous pouvez aimer effectuer des opérations sur des éléments spécifiques en fonction de certaines valeurs similaires. Donc ou une condition quelconque. Par exemple, bien sûr, il aura la même fonction de rappel. Et cette fonction de rappel, vous pouvez le faire comme ici. Vous pouvez récupérer l'or. Et puis cela fera pour vous comme vous pouvez faire ce qui suit. Par exemple, je veux dire si le nom est égal à Joan, comme ça. Quand je trouverai Jeanne, alors vous devez dire que le nom est égal à celui-ci. Vous pouvez donc simplement mettre comme une ficelle. J'ai donc bien sûr copié cet emoji depuis Internet. Donc maintenant, nous avons si ces tableaux ou ce tableau, quand il est en boucle et trouve Joan, alors il le remplacera par cette valeur. Comme vous le voyez, j'utilise la même variable, le même nom, le même nom et le même nom. Nous pouvons maintenant consoles consigner la baie après la modification. Je vais donc dire ici, les noms, la ville, encore une fois, consoler pour moi les noms de trois. Rafraîchissons donc. Comme vous le voyez, rien n'a changé ici car nous devons attribuer, encore une fois que cette carte me retourne un nouveau tableau qui a changé de tableau. Donc pour cette carte, je dois dire le nom trois, ou je peux définir un nouveau tableau. On peut appeler ça des noms. Et ce nom, je peux le consoler. Ainsi, j'aurai le nom modifié trois tableaux et deux noms pour. Alors, faisons-le. J'ai donc tout trouvé ici indéfini. Pourquoi ? En raison de cette méthode cartographique, vous devez effectuer un retour. Donc, après avoir effectué une opération sur ce nom ou cet élément similaire, comme je vous l'ai dit, la carte est également en boucle dans le tableau. Donc, après avoir effectué une opération, vous devez la retourner. Donc, le retour du nom. Comme vous le voyez ici, tout à l'intérieur de ce rappel, j'ai ici cette fonction, le paramètre. Et puis j'ouvre les accolades, puis j'ai ici la condition if. Je fais une opération sur le nom, je l'ai changé en fantôme, puis je le rends. Le retour sera donc pour cette fonction. carte recevra donc ce retour, puis l'enregistrera dans son nouveau tableau. Donc, après cela, vous ne serez pas aussi indéfini. Vous devez donc toujours vous assurer que vous retournez l'élément, qui effectue une opération. Bien sûr, je n'ai pas retourné le nom, comme à l'intérieur si parce que si je ne le rends qu'à l'intérieur, si vous voyez que j' ai eu la première valeur, mais le reste n'est pas défini parce que je ne l'ai pas renvoyé en dehors du F. Comme je vous l'ai dit, la carte est également en boucle. Donc, quand le nom est John, il renvoie le nom mais ne fonctionne pas, mais quand leur nom ne l'est pas, ne le faites pas, alors il donne indéfini. C'est donc mieux. Dans tous les cas, à la fin, oubliez pas de renvoyer la valeur passée ou la valeur de rappel à la fin du rappel de la fonction de carte. Je tiens à noter ici que bien sûr, pour chacun ne fait pas ce travail pour vous parce que pour chacun revient nul, il ne renvoie pas de nouveau tableau. Si vous effectuez une boucle, modifiez une valeur et faites un retour. Mais map renvoie un nouveau tableau, comme vous le voyez ici, elle renvoie un tableau de chaînes. Comme parce que nous avons ici le tableau de chaînes, bien sûr, il a porté leurs numéros ou quoi que ce soit. Ainsi, comme vous le voyez ici, lorsque vous voulez faire une boucle sur des éléments dans un tableau, d'accord, utilisez pour chacun d'eux. Mais si vous souhaitez modifier le tableau sous certaines conditions, utilisez la carte. N'utilisez pas la carte pour effectuer une boucle à l'intérieur de la baie. Bien sûr, c'est exact. Mais il est préférable d'utiliser toutes les fonctions pour lesquelles elles sont spécifiées. 83. Explorer Array.reduce: Supposons que nous ayons une série de nombres. J'appelle ce tableau comme des nombres réduits. De cette façon, je veux avoir la somme de ces chiffres. Bien sûr, vous pouvez le faire manuellement en utilisant l'accumulation et pour les boucles ou pour chacune d'elles. Mais il vaut mieux utiliser une méthode déjà définie en JavaScript. Je vais donc définir ici une variable, je l'appellerai somme. Et cette somme, je vais utiliser une méthode à l'intérieur du tableau qui s'appelle réduite. Donc, cette méthode se comporte comme un accumulateur. Il aura donc deux paramètres. Le premier paramètre sera l'accumulateur, et le second sera le nombre actuel, exactement comme pour le nom. Il va passer en boucle sur les noms et ensuite il fera quelque chose avec cet accumulateur. Donc, avec l'accumulateur, vous pouvez effectuer une opération comme si vous deviez obtenir la somme. Vous pouvez donc avoir la valeur précédente de cet accumulateur plus le nombre réduit, comme chaque nombre. Donc, quand vous avez cela, il va y avoir la valeur précédente plus la valeur actuelle. Donc, première boucle, ce sera comme 10 et cet accumulateur sera 10 et 10. Et puis le deuxième tour, ce sera dix et ce 20. Donc, après cela, il combinera 20 et cela, donc nous aurons une thérapie. Après cela, nous en aurons 30 et ici nous en aurons aussi comme les 30. Comme vous le voyez ici, lorsque j'effectuerai cette opération et que je reviendrai à la somme, j'obtiendrai la valeur. Disons également un journal de console. Donc j'aurai ici le journal de la console, j'en aurai 100. Donc, bien sûr, vous pouvez faire n'importe quelle opération comme par exemple, je vais le faire et ensuite je vais multiplier tous ces membres du tableau. Donc, pour mieux comprendre cela, je vais vous montrer toutes les conséquences de cette accumulation. Je vais marquer l'accumulation et je vais imprimer le nombre réduit ou la valeur actuelle. Vous pouvez donc renommer cela pour être plus facile pour vous. Nous pouvons appeler cela la valeur actuelle. Donc ici, la valeur actuelle pour utiliser les nombres, nous remplaçons tout cela. Console consignons donc cela également. Et nous verrons maintenant, donc l'accumulation, donc nous avons ici l'accumulation et ici la valeur actuelle. Voyons donc ce qui va se passer. D'accord ? Ainsi, la première occurrence se produit comme l'accumulation l'a fait alors, puis le nombre actuel a obtenu 20. Il faut donc le premier, deuxième numéro, comme vous le voyez ici. Il faut donc ceci et ceci. Et après cela, il effectue une opération ou les deux et enregistre à nouveau la valeur ou le résultat dans l'accumulateur. Ainsi, dans le nouvel accumulateur, nous aurons la multiplication entre 130, entre 10 et 20. Comme vous le voyez ici, nous en avons eu 200. La deuxième itération de cet accumulateur. Comme vous pouvez aussi bien faire ça. Vous devez vous assurer que vous avez exactement la même façon d'aimer comprendre les 12. Nous avons donc ici. Comme vous le voyez, désolé, nous n'avons pas le plus ici. Comme vous le voyez ici, premier accumulateur est dix, puis le courant est 20. J'ai donc obtenu la première valeur, je les multiplie, puis l'accumulateur en a obtenu 200 parce que c'est multiplier 10 par 220. Et puis le courant est 30, qui est le troisième élément du tableau, puis multipliez-les ensemble, j'obtiens 6000. Donc, de la même façon que ça se comporte. Il suffit donc de penser qu'il s'agit d'une valeur antérieure et qu'il s'agit de la valeur actuelle. Et la valeur de retour affecte l'accumulateur. Vous pouvez donc faire ce que vous voulez avec cette réduction. J'espère que vous le comprendrez. Donc, si vous avez un problème comme ça, faites simplement cet exemple et vous comprendrez ce qui se passe à l'intérieur de cette réduction. 84. Explorer Array.some: Nous explorons dans cette section les méthodes des tableaux. Par exemple, il existe une autre méthode appelée somme. Et cette méthode de somme dans laquelle elle teste si l'au moins un des éléments du tableau atteint une condition ou réussit un test de condition. Et si oui, cela reviendra pour nous un vrai. Essayons donc ça. Je suppose donc que j'ai ce tableau réduit nombres et que je vais le parcourir en boucle en utilisant certains. Ainsi, avec cette somme, comme vous le voyez ici, nous pouvons avoir une fonction de rappel qui contiendra, par exemple, le nombre actuel. Et bien sûr, il va passer en boucle tous les chiffres. Et puis vous pouvez dire que je veux renvoyer le numéro ou le nombre actuel, qui est égal à 10. Donc, quand il est égal à dix, ou qu'un nombre est égal à 10, alors il reviendra pour cela, pour moi, c'est vrai. On dira donc ici comme résumons. Nous pouvons donc consolider cette somme et nous pouvons voir ici xm. Ensuite, nous supprimons le commentaire, nous le rafraîchissons. Comme vous le voyez, nous avons un vrai parce que l'un des chiffres en a 10. Mais si je le change par 212, par exemple, je n'en ai pas 12 dans ce tableau. Épargons. Et maintenant, c'est tout ce qui sera attribué à certains. On peut donc avoir ici faux. Donc, comme vous le voyez, c' est comme quand voulons-nous trouver un élément ou comprendre que certains éléments existent dans le tableau ou non. Vous pouvez utiliser cette méthode de somme. Ou même aussi. Vous pouvez dire que s'il y a un nombre impair, par exemple, nous en avons tous ici même. Ainsi, vous pouvez dire que le nombre actuel, comme le mod deux n'est pas égal à 0. Nous pouvons donc essayer cela. Alors, économisons encore une fois. Et nous verrons cela faux. Non, parce qu'il n'y en a pas, n'importe quel nombre est étrange. Mais la plupart d'entre eux ou tous, ce sont même des chiffres. Donc, nous passons à travers. Vous pouvez donc effectuer n'importe quelle opération ici. Par exemple, recherchez un nom ou recherchez une valeur spécifique dans le tableau, un objet spécifique, etc. Jusqu'à présent, vous pouvez utiliser cette méthode. 85. Explorer Array.every: Ainsi, lors de la conférence précédente, nous avons vu que si certains éléments remplissent cette fonction ou cette méthode ou cette condition, alors cela reviendra pour nous vrai. Mais maintenant, nous allons vérifier tous les éléments. Chaque élément de la baie doit donc remplir cette condition. Je vais donc mettre cet exemple ici, commenté pour voir que c'est tout le dernier travail. Pour que nous puissions mettre ici, je peux l'appeler tous, donc chaque élément de ce tableau doit atteindre cette condition. La méthode est donc tout, c'est exactement la même syntaxe. Il va avoir un rappel, qui est une fonction tableau, puis une fonction flèche. Et puis il reviendra pour moi la condition qui sera atteinte ou non. Et vérifiez cela à tous, alors vérifions cela maintenant. Et comme vous le voyez, tous les éléments de ce tableau sont égaux. Bon, maintenant, vérifions une autre condition. Par exemple, je veux dire, désolé, ici, que tous les éléments sont inférieurs à 30. Disons donc que le nombre actuel est supérieur à 30. D'accord ? C'est faux parce qu'ils ne sont pas tous ou thérapies ou moins de 30 parce que nous en avons 40. Mais quand j'en mets 60, par exemple, d'accord, ils sont tous plus petits que 60. Nous sauvegardons ou actualisons, comme vous le voyez, c'est vrai. Tous les éléments doivent donc atteindre cette condition. C'est ce qu'on appelle Every. Mais si l'on atteint au moins cette condition, c' est ce qu'on appelle la somme. Ils sont donc totalement opposés.