Introduction aux modèles en JavaScript
Les modèles sont l'un des programmes de modèles Java courants qui sont largement utilisés pour améliorer la réflexion logique et améliorer les connaissances sur le contrôle des flux. Les modèles sont les modèles et interactions réutilisables de l'objet. Chaque modèle a un nom et lorsque vous discutez d'alternatives de conception complexes, il devient un composant d'un vocabulaire. Chaque développeur ambitionne d'écrire du code gérable, lisible et réutilisable. La structuration du code devient plus essentielle avec de plus grandes applications. Les modèles de conception sont essentiels pour résoudre ce défi - fournissant une structure organisationnelle pour les problèmes courants dans une situation spécifique. Dans cet article, nous discuterons des modèles en JavaScript.
Les développeurs Web de JavaScript communiquent généralement avec les modèles de conception lors de la production d'applications, même à leur insu. Même si une variété de modèles de conception sont utilisés dans certaines situations, les concepteurs de JavaScript ont tendance à utiliser certains modèles plus que d'autres. Un modèle de conception est une solution réutilisable aux problèmes courants de conception de logiciels. Les modèles de conception sont les meilleures pratiques utilisées par les développeurs expérimentés de logiciels. Un modèle de conception peut être considéré comme un modèle de script.
Pourquoi utiliser des modèles?
De nombreux programmeurs pensent que les modèles sont une perte de temps ou ils ne savent pas comment les appliquer correctement. Mais l'utilisation d'un modèle de conception approprié peut vous aider à écrire du code meilleur et plus compréhensible, et parce qu'il est plus simple à comprendre, le code peut être facilement conservé. Plus important encore, les modèles fournissent un vocabulaire répandu dont les concepteurs de logiciels peuvent parler. Ils montrent immédiatement que quelqu'un apprend le code dans le but de votre code.
Modèles en JavaScript (modèles de nombres, modèles d'étoiles, modèles de caractères)
Discutons en détail des modèles en JavaScript.
1. Modèles de nombres
Programme 1
JavaScript Number Patterns
var num;
var no=prompt("Please provide a number for the no of rows to be print in a pattern…");
for(var m=1;m<=no;m++)
(
for(var n=1;n<=m;n++)
(
document.write("0"+n+" ");
)
document.write("
");
)
Enregistrez le nom du fichier avec votre choix et double-cliquez sur ce fichier. Il s'ouvrira dans le navigateur compatible JavaScript et affichera la sortie comme indiqué ci-dessous:
Programme 2
JavaScript Number Patterns
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write(n);
if(n == m)
continue;
else
document.write(' ');
)
document.write('
');
)
Exécutez le programme dans le navigateur et vous verrez la sortie ci-dessous:
Programme 3
JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)
Exécutez le programme dans le navigateur et vous verrez la sortie ci-dessous:
Programme 4
JavaScript Number Patterns
var m, n, count = 5;
for (m = 1; m <= count; m++) (
for (n = 1; n <= m; n++) (
document.write(""+m+" ");
)
document.write('
');
)
Exécutez le programme dans le navigateur et vous verrez la sortie ci-dessous:
Programme 5
JavaScript Number Patterns
var num = 5;
var m, n;
for (m = 1; m < num; m++) (
for (n = 1; n <= m; n++)
document.write(""+n+" ");
document.write('
');
)
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write(""+n+" ");
document.write('
');
)
document.write('
');
Exécutez le programme dans le navigateur et vous verrez la sortie ci-dessous:
Programme 6
JavaScript Number Patterns
var num = 5;
var m, n;
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write(""+n+" ");
document.write('
');
)
for (m = 1; m <= num; m++) (
for (n = 1; n <= m; n++)
document.write(""+n+" ");
document.write('
');
)
document.write('
');
Exécutez le programme dans le navigateur et vous verrez la sortie ci-dessous:
Programme 7
JavaScript Number Patterns
var num, p, q, m, n;
num = 5;
for (m = 1; m <= num; m++) (
if (m % 2 == 0) (
p = 1;
q = 0;
) else (
p = 0;
q = 1;
)
for (n = 1; n <= m; n++)
if (n % 2 == 0)
document.write(""+p+" ");
else
document.write(""+q+" ");
document.write('
');
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 8
JavaScript Number Patterns
var rows, m, n, num = 1;
rows = 5;
for (m = 1; m <= rows; m++) (
for (n = 1; n <= m; n++)
document.write(num++);
document.write('
');
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 9
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 10
JavaScript Number Patterns
var m, n, k;
for(m=1;m<=4;m++)
(
for(n=4;n>=(m-1)*2-1;n--)
document.write(" ");
document.write(m);
for(n=2;n<=(m-1)*4;n++)
document.write(" ");
if(m>1)
document.write(m);
document.write("
");
)
for(m=3;m>=1;m--)
(
for(n=4;n>=(m-1)*2-1;n--)
document.write(" ");
document.write(m);
for(n=2;n<=(m-1)*4;n++)
document.write(" ");
if(m>1)
document.write(m);
document.write("
");
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 11
JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 12
JavaScript Number Patterns
var m, n, k;
for(m=4;m>=1;m--)
(
for(n=1;n<=4;n++)
(
if(n<=m)
document.write(n);
else
document.write(" ");
)
for(n=4;n>=1;n--)
(
if(n<=m)
document.write(n);
else
document.write(" ");
)
document.write("
");
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programmes 13
JavaScript Number Patterns
var m, n, k;
k=1;
for(m=1;m<=5;m+=2)
(
for(n=5;n>=1;n--)
(
if(n>m)
document.write(" ");
else
document.write(k++);
)
document.write("
");
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 14
JavaScript Number Patterns
var i, j;
for(i=1;i<=4;i++)
(
for(j=1;j<=i;j++)
document.write(j);
for(j=i-1;j>=1;j--)
document.write(j);
document.write("
");
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 15
JavaScript Number Patterns
var i, j, k;
for(i=1;i<=5;i++)
(
for(j=1;j<=5;j++)
(
if(j<=i)
document.write(j);
else
document.write(" ");
)
for(j=5;j>=1;j--)
(
if(j<=i)
document.write(j);
else
document.write(" ");
)
document.write("
");
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 16
JavaScript Number Patterns
var m, n, k;
for (m=1;m<=5;m++)
(
for(k=m;k>1;k--)
document.write(k);
for(n=1;n<=6-m;n++)
document.write(n);
document.write(" ");
)
JavaScript Number Patterns
var m, n, k;
for (m=1;m<=5;m++)
(
for(k=m;k>1;k--)
document.write(k);
for(n=1;n<=6-m;n++)
document.write(n);
document.write(" ");
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 17
JavaScript Number Patterns
var i, j;
for(i=1;i<=10;i++)
(
for(j=1;j<=i;j++)
(
document.write(i*j);
)
document.write("
");
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 18
JavaScript Number Patterns
var m, n, num=5;
for(m=num; m>1; m--)
(
for(n=num;n>=1;n--)
(
if(n>m) document.write(n);
else document.write(m);
)
for(n=2;n<=num;n++)
(
if(n>m) document.write(n);
else document.write(m);
)
document.write("
");
)
for(m=1; m<=num; m++)
(
for(n=num;n>=1;n--)
(
if(n>m) document.write(n);
else document.write(m);
)
for(n=2;n<=num;n++)
(
if(n>m) document.write(n);
else document.write(m);
)
document.write("
");
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
2. Motifs d'étoiles
Programme 1
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 2
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 3
JavaScript Number Patterns
var num = 5;
var m, n;
for (m = 1; m < num; m++) (
for (n = 1; n <= m; n++)
document.write(" * ");
document.write('
');
)
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write(" * ");
document.write('
');
)
document.write('
');
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 4
JavaScript Star Patterns
var num = 5;
var m, n;
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write(" * ");
document.write('
');
)
for (m = 1; m <= num; m++) (
for (n = 1; n <= m; n++)
document.write(" * ");
document.write('
');
)
document.write('
');
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 5
JavaScript Star Patterns
var i, j, k;
var n = 5;
for (i = 1; i <= n; i++) (
for (j = 1; j <= i; ++j)
document.write(j);
for (k = n - i; k >= 1; k--)
document.write("*");
document.write('
');
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 6
JavaScript Star Patterns
function pyramid(n) (
for(var i=1; i<= n; i++)(
var myval = ' '.repeat(ni);
var myval1 = '*'. repeat(i*2 -1)
console.log(myval + myval1 + myval);
)
)
pyramid(5);
Exécutez le code ci-dessus et vous obtiendrez la sortie dans la console comme indiqué dans l'image ci-dessous:
3. Modèles de caractères
Programme 1
JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 2
JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 3
JavaScript Character Patterns
var num = 5;
var m, n;
for (m = 1; m < num; m++) (
for (n = 1; n <= m; n++)
document.write(" # ");
document.write('
');
)
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write(" & ");
document.write('
');
)
document.write('
');
Exécutez le programme et vous obtiendrez la sortie ci-dessous:
Programme 4
JavaScript Character Patterns
var num = 5;
var m, n;
for (m = 1; m < num; m++) (
for (n = 1; n <= m; n++)
document.write("$");
document.write('
');
)
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write("#");
document.write('
');
)
document.write('
');
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 5
JavaScript Character Patterns
var num = 5;
var m, n;
for (m = num; m >= 0; m--) (
for (n = 1; n <= m; n++)
document.write("A");
document.write('
');
)
for (m = 1; m <= num; m++) (
for (n = 1; n <= m; n++)
document.write("B");
document.write('
');
)
document.write('
');
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Programme 6
JavaScript Character Patterns
var i, j, k;
var n = 5;
for (i = 1; i <= n; i++) (
for (j = 1; j <= i; ++j)
document.write(j);
for (k = n - i; k >= 1; k--)
document.write("$");
document.write('
');
)
Exécutez le code ci-dessus et vous obtiendrez la sortie comme indiqué ci-dessous:
Conclusion - Modèles en JavaScript
Dans cet article, nous avons vu différents types de modèles tels que les modèles de nombres, d'étoiles et de caractères. Le modèle est un mot utilisé en génie logiciel pour résoudre un problème particulier de conception de logiciels réutilisables. À des fins multiples, les modèles de conception sont utiles. Ce sont des solutions éprouvées qui ont été essayées et testées par des vétérans de l'industrie. Ce sont des méthodes solides qui résolvent les problèmes d'une manière communément acceptée et reflètent l'expérience et les idées du développeur leader de l'industrie qui ont aidé à les définir. Les modèles augmentent également la réutilisabilité et la lisibilité de votre logiciel tout en accélérant considérablement le processus de développement. Les modèles sont intéressants à explorer dans n'importe quel langage de programmation ainsi que dans un sujet fascinant.
Articles recommandés
Ceci est un guide des modèles en JavaScript. Ici, nous discutons en détail de différents types de modèles en JavaScript avec un exemple de code. Vous pouvez également consulter nos autres articles suggérés -
- Modèles en C ++
- Motifs d'étoiles en C
- Modèles en programmation C
- Modèles en Java
- 3 principaux types de modèles en C #
- Fonctionnement de la multiplication de la matrice de programmation C
- Guide complet des modèles de nombres en Java