Uvod v vzorce v JavaScript
Vzorci so eden izmed pogostih programov Java vzorcev, ki se pogosto uporabljajo za izboljšanje logičnega razmišljanja in izboljšanje znanja o nadzoru pretoka. Vzorci so modeli, ki jih je mogoče večkrat uporabiti, in interakcije. Vsak vzorec ima ime in ko razpravljate o zapletenih načinih oblikovanja, postane sestavni del besedišča. Vsak razvijalci si želijo napisati obvladljivo, berljivo in ponovno uporabljivo kodo. Koda za strukturiranje postane bolj pomembna pri večjih aplikacijah. Za rešitev tega izziva so ključni vzorci oblikovanja - zagotavljanje organizacijske strukture za skupne težave v določeni situaciji. V tem članku bomo obravnavali Vzorci v JavaScript.
Spletni razvijalci JavaScript pogosto komunicirajo z vzorci oblikovanja, ko proizvajajo aplikacije, tudi nevede. Čeprav se v nekaterih situacijah uporabljajo različni vzorci oblikovanja, JavaScript oblikovalci uporabljajo nekatere vzorce bolj kot druge. Oblikovalski vzorec je rešitev za večkratno uporabo pri pogostih težavah s programsko opremo. Oblike oblikovanja so najboljše prakse, ki jih uporabljajo izkušeni razvijalci programske opreme. Vzorec oblikovanja se lahko šteje za predlogo scenarijev.
Zakaj uporabljati vzorce?
Mnogi programerji menijo, da so vzorci izguba časa ali pa ne vedo, kako bi jih pravilno uporabili. Če pa uporabite ustrezen oblikovalski vzorec, lahko pišete boljšo in bolj razumljivo kodo, in ker je preprostejša za razumevanje, je koda zlahka ohranjena. Najpomembneje je, da vzorci razširjajo besedišče, o katerem lahko oblikovalci programske opreme spregovorijo. Takoj pokažejo, da se nekdo nauči kode za namen vaše kode.
Vzorci v JavaScript (Številčni vzorci, Zvezdni vzorci, Vzorci znakov)
Podrobneje razpravimo o vzorcih v JavaScript.
1. Številčni vzorci
1. program
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("
");
)
Ime datoteke shranite po svoji izbiri in dvokliknite to datoteko. Odpre se v brskalniku, ki podpira JavaScript, in prikaže izhod, kot je prikazano spodaj:
2. program
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('
');
)
Zaženite program v brskalniku in videli boste spodnji izhod:
3. program
JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)
Zaženite program v brskalniku in videli boste spodnji izhod:
Program 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('
');
)
Zaženite program v brskalniku in videli boste spodnji izhod:
5. program
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('
');
Zaženite program v brskalniku in videli boste spodnji izhod:
6. program
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('
');
Zaženite program v brskalniku in videli boste spodnji izhod:
7. program
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('
');
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
8. program
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('
');
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
9. program
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Program 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("
");
)
Izvedite program in dobili boste spodnji izhod:
Program 11
JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)
Izvedite program in dobili boste spodnji izhod:
Program 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("
");
)
Izvedite program in dobili boste spodnji izhod:
Programi 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("
");
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Program 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("
");
)
Izvedite program in dobili boste spodnji izhod:
Program 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("
");
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Program 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(" ");
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Program 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("
");
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Program 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("
");
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
2. Zvezdni vzorci
1. program
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Izvedite program in dobili boste spodnji izhod:
2. program
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Izvedite program in dobili boste spodnji izhod:
3. program
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('
');
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Program 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('
');
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
5. program
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('
');
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
6. program
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);
Izvedite zgornjo kodo in dobili boste izhod v konzoli, kot je prikazano na spodnji sliki:
3. Vzorci vzorcev
1. program
JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)
Izvedite program in dobili boste spodnji izhod:
2. program
JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
3. program
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('
');
Izvedite program in dobili boste spodnji izhod:
Program 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('
');
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
5. program
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('
');
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
6. program
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('
');
)
Izvedite zgornjo kodo in dobili boste izhod, kot je prikazano spodaj:
Zaključek - Vzorci v JavaScript
V tem članku smo videli različne vrste vzorcev, kot so vzorci števil, zvezd in znakov. Vzorec je beseda, ki se uporablja v programskem inženiringu za reševanje določenega vprašanja oblikovanja programske opreme za večkratno uporabo. Za več namenov so uporabni vzorci oblikovanja. Dokazane so jim rešitve, ki so jih poskusili in preizkusili veterani v industriji. So močne metode, ki rešujejo težave na splošno sprejet način in odražajo izkušnje in ideje vodilnega razvijalca, ki so jih pomagali definirati. Vzorci tudi povečajo ponovno uporabo in berljivost vaše programske opreme, hkrati pa znatno pospešijo razvojni proces. Vzorci so zanimivi za raziskovanje v katerem koli programskem jeziku in tudi prepričljiv predmet.
Priporočeni članki
To je vodnik za Vzorci v JavaScript. Tukaj razpravljamo o različnih vrstah vzorcev v JavaScript s podrobno vzorčno kodo. Ogledate si lahko tudi druge naše predlagane članke -
- Vzorci v C ++
- Zvezdni vzorci v C
- Vzorci v C programiranju
- Vzorci na Javi
- Najboljše 3 vrste vzorcev v C #
- Delo pomnoževanja matrike C programiranja
- Izčrpen vodnik po številskih vzorcih na Javi