J'ai essayé de toucher JavaScript Part.1 Système de code de traitement de base

introduction

Un mémorandum qui résume ce que j'ai appris au cours de mon deuxième mois en tant qu'ingénieur développement. Pour cette raison, j'ai décidé de m'éloigner de la science des données une fois au travail et de faire passer le mot sur le développement! Je ferai de mon mieux encore!

↓ Au fait, les articles jusqu'à la dernière fois sont ici.

Beaucoup d'articles nostalgiques! w

environnement d'utilisation

Cette fois, j'ai essayé de le toucher dans l'environnement suivant, notamment dans le but de développer des applications Web.

--Éditeur de texte → ** Sublime Text 3 **

Comment définir des variables / variables

Définition variable

--JavaScript déclare essentiellement une variable de cette manière quel que soit le type de données stockées dans cette variable.

nom de variable var; 

--L'attribution d'une valeur numérique à une variable est la même qu'en Java. Placez une valeur pour affecter une variable à droite sur le côté gauche, et connectez-la avec l'opérateur ** "=" **.

Nom de variable=Valeur à affecter à la variable; 

--Pour l'opérateur numérique, utilisez le même que Java (pour plus de détails, voir [Operator](https://qiita.com/icchy_sh33p/items/c58213d9b0c1d6bbacd5#%E6%BC%94%E7%AE%97] Décrit en% E5% AD% 90)).

À propos des variables

--- un signifie ajouter des nombres les uns aux autres, donc 5 + 6 = 11 Le résultat de sortie sera ** 11 **. --b est le processus de combinaison de chaînes de caractères, donc le résultat de sortie est ** 56 **. -c exécute le processus de ** combinaison de la valeur numérique 6 avec la chaîne de caractères "5" **, donc le résultat de sortie est ** 56 **.

portée

Comme Java, JavaScript a le concept de portée.

Qu'est-ce qu'une portée

Variables globales et locales

Comme Java, les variables peuvent être classées par étendue.

Règles d'utilisation des variables (mises à jour le cas échéant)

une fonction

--Fonction: Un concept pour rendre plusieurs processus réutilisables ensemble (similaire à la ** méthode ** en Java).

function Nom de la fonction que vous souhaitez créer(argument) {
L'instruction que vous souhaitez exécuter; 
return Valeur de retour;← N'oubliez pas d'écrire lorsque vous voulez vérifier si le traitement jusqu'à ce point est effectué correctement étape par étape sur la console etc.
  }

Fonction immédiate

--Fonction immédiate: une fonction écrite dans ** n'utilise immédiatement que là ** sans définir de nom de fonction. ――La façon d'écrire est la suivante.

```
(function Nom de la fonction que vous souhaitez créer(argument) { 

L'instruction que vous souhaitez exécuter; return Valeur de retour;← N'oubliez pas d'écrire lorsque vous voulez vérifier si le traitement jusqu'à ce point est effectué correctement étape par étape sur la console etc. })(); ```

Déclaration de contrôle

Qu'est-ce qu'une déclaration de contrôle?

Comment rédiger une instruction de contrôle

Le style d'écriture de base est ** presque le même que Java **.

if déclaration

if (Expression conditionnelle à exécuter) { 
L'instruction que vous souhaitez exécuter; 
    } else if (Expression conditionnelle à exécuter) { 
L'instruction que vous souhaitez exécuter; 
    } else { 
L'instruction que vous souhaitez exécuter; 
} 

pour déclaration

for (Initialisation (état au début de l'exécution);Expression conditionnelle à exécuter;Mettre à jour la commande une fois terminé) { 
L'instruction que vous souhaitez exécuter; 
}

--Elle est exécutée à plusieurs reprises tant que l'expression conditionnelle à exécuter est vraie.

opérateur

En particulier, les instructions de contrôle utilisent souvent des opérateurs, et chaque opérateur est résumé ici.

Opérateur à quatre règles

Les bases sont les mêmes que Java.

Opérateur de comparaison

À l'exception des équations, les bases sont les mêmes que Java

L'équation utilise essentiellement les deux suivants en JavaScript.

Notez que les opérateurs suivants utilisés en Java sont utilisés légèrement différemment en JavaScript.

Opérateurs logiques en JavaScript

Les bases sont les mêmes que Java.

Tableaux et objets

Tableau

En JavaScript, vous pouvez utiliser des tableaux pour stocker des valeurs groupées.

--Comment écrire un tableau

```

Nom de la séquence= ['élément', 'élément', 'élément',・ ・ ・] ```

Comment faire fonctionner une baie

Voici quelques instructions que vous pouvez utiliser lorsque vous souhaitez manipuler un tableau.

//Sortie du nième élément du tableau
console.log(Nom de la séquence[n]) ; 

//Sortie de tous les éléments du tableau
console.log(Nom de la séquence) ; 

//Je veux ajouter un élément d'un tableau
Nom de la séquence.push('Éléments à ajouter') ; 

//Je souhaite supprimer un élément d'un tableau
Nom de la séquence.splice(Numéro d'élément où commence l'élément que vous souhaitez supprimer,Numéro à effacer) ; 

//Je veux vérifier / afficher le nombre d'éléments qui composent un tableau
console.log(Nom de la séquence.length) ; 

objet

La signification originale d'un objet

--Objet

Objets en JavaScript

--Objet: un concept pour gérer les valeurs en regroupant les noms et les valeurs sous forme d'ensemble

var nom de variable (nom d'objet)= { Clé (nom):Valeur, Clé (nom):Valeur, ・ ・ ・ } ```

Nom de variable['Clé (nom)'] ; Nom de variable.Clé (nom); ```

Nom de variable['Clé (nom)'] =Valeur à remplacer; Nom de variable.Clé (nom)=Valeur à remplacer; ```

Essayez de toucher JavaScript

Conclusion

C'était plus facile à utiliser que Java!

Raison

→ En Java, il était également nécessaire de spécifier le type de données. → Parce que vous pouvez éviter de régler le type de données, des bogues peuvent survenir facilement ...? (Parce que vous pouvez le définir pour le moment et écrire le code dans une certaine mesure même si vous ne connaissez pas le type de données)

Épilogue

Je pensais que le développement était difficile, mais j'ai réalisé qu'il y a des langages avec lesquels il est facile de s'entendre. J'étudierai à mon rythme pour pouvoir m'entendre petit à petit avec cette difficulté ^^

à plus!

P.S.) Cette fois, je visais un simple est le meilleur post-scriptum! w

Recommended Posts

J'ai essayé de toucher JavaScript Part.1 Système de code de traitement de base
J'ai essayé de toucher JavaScript Part.2 orienté objet
J'ai essayé de migrer le traitement vers VS Code
C # (base de l'encapsulation)
J'ai essayé d'augmenter la vitesse de traitement avec l'ingénierie spirituelle
[Rails] J'ai essayé d'implémenter le traitement par lots avec la tâche Rake
J'ai essayé l'analyse du code source
J'ai essayé de vérifier yum-cron
J'ai essayé OCR de traiter un fichier PDF avec Java part2
J'ai créé une application d'apprentissage automatique avec Dash (+ Docker) part2 ~ Façon basique d'écrire Dash ~
J'ai essayé d'implémenter le traitement Ajax de la fonction similaire dans Rails
J'ai essayé d'écrire du code comme une déclaration de type en Ruby
[Rubiy] J'ai essayé de résumer le traitement de la boucle ce soir [fois, pause ...]
J'ai essayé l'IoT low code avec OKI AE2100 et Node-RED. Partie 2 Construction
J'ai essayé de mâcher C # (indexeur)
Déléguer certains traitements Java à JavaScript
J'ai essayé de résumer le support d'iOS 14
J'ai essayé d'interagir avec Java
J'ai essayé d'expliquer la méthode
J'ai essayé de résumer Java 8 maintenant
C # (polymorphisme: polymorphisme)
J'ai essayé d'expliquer Active Hash
J'ai essayé de résumer les méthodes utilisées
J'ai essayé de résumer les expressions Java lambda
J'ai essayé de démarrer avec Web Assembly
J'ai essayé de résoudre la recherche binaire d'AOJ
J'ai essayé d'implémenter le modèle Iterator
J'ai essayé de résumer l'API Stream
J'ai essayé de construire AdoptOpenjdk 11 sur CentOS 7
Qu'est-ce que Docker? J'ai essayé de résumer
J'ai essayé d'utiliser Selenium comme JQuery
J'ai créé une application d'apprentissage automatique avec Dash (+ Docker) part3 ~ Practice ~
Une histoire où j'ai essayé de faire une vidéo en liant Traitement et Resolume
[JavaScript] Le cas le plus fort lorsque j'ai essayé de résumer les parties que je ne comprends pas