Introducere în tiparele în JavaScript

Modelele sunt unul dintre programele Java de patternuri comune, care sunt utilizate pe scară largă pentru a îmbunătăți gândirea logică și pentru a îmbunătăți cunoștințele de control al fluxului. Modelele sunt modelele și interacțiunile reutilizabile ale obiectului. Fiecare model are un nume și atunci când se discută alternative complicate de design devine o componentă a unui vocabular. Fiecare dezvoltator are ambiția de a scrie cod gestionabil, lizibil și reutilizabil. Codul de structurare devine mai esențial în cazul aplicațiilor mai mari. Modelele de proiectare sunt esențiale pentru rezolvarea acestei provocări - oferind o structură organizațională pentru problemele comune într-o situație specifică. În acest articol, vom discuta tiparele în JavaScript.

Dezvoltatorii web de JavaScript comunică în mod obișnuit cu tiparele de design atunci când produc aplicații, chiar și fără să știe. Chiar dacă o serie de modele de design sunt utilizate în unele situații, designerii JavaScript tind să folosească unele modele mai mult decât altele. Un model de proiectare este o soluție reutilizabilă la problemele comune de proiectare a software-ului. Modelele de proiectare sunt cele mai bune practici pe care dezvoltatorii experimentați le utilizează software. Un model de design poate fi considerat ca un șablon de script.

De ce folosiți tiparele?

Mulți programatori cred că tiparele sunt o pierdere de timp sau nu știu cum să le aplice corect. Dar utilizarea unui model de proiectare adecvat vă poate ajuta să scrieți un cod mai bun și mai inteligibil și, deoarece este mai simplu de înțeles, codul poate fi ușor păstrat. Cel mai important, tiparele oferă un vocabular comun pentru designerii de software despre care vorbește. Ei demonstrează imediat pe cineva care învață codul în scopul codului tău.

Tipare în JavaScript (patternuri de numere, modele de stele, modele de caractere)

Să discutăm în detaliu modelele în JavaScript.

1. Tipare de numere

Programul 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("
");
)

Salvați numele de fișier la alegere și faceți dublu clic pe acel fișier. Se va deschide în browser-ul JavaScript activat și va afișa ieșirea așa cum se arată mai jos:

Programul 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('
');
)

Rulați programul în browser și veți vedea rezultatul de mai jos:

Programul 3


JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)

Rulați programul în browser și veți vedea rezultatul de mai jos:

Programul 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('
');
)

Rulați programul în browser și veți vedea rezultatul de mai jos:

Programul 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('
');

Rulați programul în browser și veți vedea rezultatul de mai jos:

Programul 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('
');

Rulați programul în browser și veți vedea rezultatul de mai jos:

Programul 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('
');
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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('
');
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 9


JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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("
");
)

Executați programul și veți obține rezultatul de mai jos:

Programul 11


JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)

Executați programul și veți obține rezultatul de mai jos:

Programul 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("
");
)

Executați programul și veți obține rezultatul de mai jos:

Programe 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("
");
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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("
");
)

Executați programul și veți obține rezultatul de mai jos:

Programul 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("
");
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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(" ");
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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("
");
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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("
");
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

2. Tiparele stelelor

Programul 1


JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)

Executați programul și veți obține rezultatul de mai jos:

Programul 2


JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)

Executați programul și veți obține rezultatul de mai jos:

Programul 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('
');

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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('
');

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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('
');
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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);

Executați codul de mai sus și veți obține ieșirea în consolă, așa cum se arată în imaginea de mai jos:

3. Tipare de caractere

Programul 1


JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)

Executați programul și veți obține rezultatul de mai jos:

Programul 2


JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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('
');

Executați programul și veți obține rezultatul de mai jos:

Programul 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('
');

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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('
');

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Programul 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('
');
)

Executați codul de mai sus și veți obține ieșirea așa cum se arată mai jos:

Concluzie - tiparele în JavaScript

În acest articol, am văzut diferite tipuri de modele, cum ar fi modelele de număr, stea și caractere. Modelul este un cuvânt folosit în inginerie software pentru a rezolva o anumită problemă de design software reutilizabile. În scopuri multiple, modelele de design sunt utile. Sunt soluții demonstrate care au fost încercate și testate de veteranii industriei. Sunt metode puternice care rezolvă problemele într-o manieră acceptată în mod obișnuit și reflectă experiența și ideile dezvoltatorului lider în industrie care au ajutat la definirea acestora. Modelele sporesc, de asemenea, reutilizabilitatea și lizibilitatea software-ului dvs., accelerând considerabil procesul de dezvoltare. Modelele sunt interesante de explorat în orice limbaj de programare, precum și un subiect convingător.

Articole recomandate

Acesta este un ghid pentru Tiparele în JavaScript. Aici vom discuta diferite tipuri de modele în JavaScript cu detaliu cod de eșantion. De asemenea, puteți parcurge și alte articole sugerate -

  1. Modele în C ++
  2. Modele de stele în C
  3. Modele în programarea C
  4. Modele în Java
  5. Top 3 tipuri de modele în C #
  6. Funcționarea înmulțirii matricelor de programare C
  7. Ghid complet pentru tiparele numerice din Java