Sissejuhatus JavaScripti mustritesse
Mustrid on üks levinumaid Java mustriprogramme, mida kasutatakse laialdaselt loogilise mõtlemise ja voo juhtimise teadmiste parandamiseks. Mustrid on objekti korduvkasutatavad mudelid ja interaktsioonid. Igal mustril on nimi ja keeruliste kujundusvõimaluste arutamisel saab see sõnavara komponendiks. Iga arendaja soovib kirjutada hallatava, loetava ja korduvkasutatava koodi. Koodide struktureerimine muutub suurema rakenduse korral olulisemaks. Kujundusmustrid on selle väljakutse lahendamisel üliolulised - pakkudes konkreetses olukorras levinud probleemide korraldusstruktuuri. Selles artiklis käsitleme JavaScripti mustreid.
JavaScripti veebiarendajad suhtlevad rakenduste tootmisel disainilahendustega tavaliselt isegi teadmatult. Ehkki mõnes olukorras kasutatakse mitmesuguseid kujundusmustreid, kipuvad JavaScripti disainerid kasutama mõnda mustrit rohkem kui teised. Kujundusmuster on korduvkasutatav lahendus tavalistele tarkvara kujundamise probleemidele. Kujundusmustrid on parimad tavad, mida kogenud tarkvaraarendajad kasutavad. Kujundusmustrit võib käsitada skriptimise mallina.
Miks kasutada mustreid?
Paljud programmeerijad usuvad, et mustrid on ajaraiskamine või nad ei tea, kuidas neid õigesti rakendada. Kuid sobiva kujundusmustri kasutamine aitab teil paremini ja arusaadavamalt koodi kirjutada ning kuna seda on lihtsam mõista, saab seda koodi hõlpsasti säilitada. Mis kõige tähtsam - mustrid pakuvad levinud sõnavara tarkvarakujundajatele, kellest rääkida. Nad näitavad kohe, et keegi õpib koodi teie koodi otstarbeks.
Mustrid JavaScriptis (numbrimustrid, tärnimustrid, märgimustrid)
Arutleme üksikasjalikult JavaScripti mustrite üle.
1. Numbrimustrid
1. programm
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("
");
)
Salvestage valitud nimi ja topeltklõpsake sellel failil. See avaneb JavaScripti toega brauseris ja kuvatakse väljund järgmiselt:
2. programm
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('
');
)
Käivitage programm brauseris ja näete järgmist väljundit:
3. programm
JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)
Käivitage programm brauseris ja näete järgmist väljundit:
4. programm
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('
');
)
Käivitage programm brauseris ja näete järgmist väljundit:
5. programm
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('
');
Käivitage programm brauseris ja näete järgmist väljundit:
Programm 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('
');
Käivitage programm brauseris ja näete järgmist väljundit:
7. programm
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('
');
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
8. programm
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('
');
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
9. programm
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Programm 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("
");
)
Käivitage programm ja saate järgmise väljundi:
Programm 11
JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)
Käivitage programm ja saate järgmise väljundi:
12. programm
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("
");
)
Käivitage programm ja saate järgmise väljundi:
Programmid 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("
");
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Programm 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("
");
)
Käivitage programm ja saate järgmise väljundi:
Programm 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("
");
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Programm 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(" ");
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
17. programm
JavaScript Number Patterns
var i, j;
for(i=1;i<=10;i++)
(
for(j=1;j<=i;j++)
(
document.write(i*j);
)
document.write("
");
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Programm 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("
");
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
2. Tähemustrid
1. programm
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Käivitage programm ja saate järgmise väljundi:
2. programm
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Käivitage programm ja saate järgmise väljundi:
3. programm
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('
');
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
4. programm
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('
');
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
5. programm
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('
');
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Programm 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);
Täitke ülaltoodud kood ja saate väljundi konsoolis, nagu on näidatud alloleval pildil:
3. Tegelaskujud
1. programm
JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)
Käivitage programm ja saate järgmise väljundi:
2. programm
JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
3. programm
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('
');
Käivitage programm ja saate järgmise väljundi:
4. programm
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('
');
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
5. programm
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('
');
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Programm 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('
');
)
Täitke ülaltoodud kood ja saate väljundi nagu allpool näidatud:
Järeldus - mustrid JavaScriptis
Selles artiklis oleme näinud erinevat tüüpi mustreid, näiteks numbrite, tähtede ja märkide mustreid. Muster on sõna, mida kasutatakse tarkvara väljatöötamisel konkreetse korduvkasutatava tarkvara kujundamise probleemi lahendamiseks. Mitmel otstarbel on disainimustrid kasulikud. Need on demonstreeritud lahendused, mida on proovitud ja katsetatud tööstusveteranide poolt. Need on tugevad meetodid, mis lahendavad probleemid üldtunnustatud viisil ja kajastavad valdkonna juhtiva arendaja kogemusi ja ideid, mis aitasid neid määratleda. Mustrid suurendavad ka teie tarkvara korduvkasutatavust ja loetavust, kiirendades samal ajal märkimisväärselt arendusprotsessi. Mustrid on huvitavad uurida igas programmeerimiskeeles, aga ka köitvad teemad.
Soovitatavad artiklid
See on juhend JavaScripti mustrite kohta. Siin käsitleme üksikasjalikult JavaScripti eri tüüpi mustreid koos näidiskoodiga. Võite vaadata ka meie teisi soovitatud artikleid -
- C ++ mustrid
- Tähemustrid C-s
- C-programmeerimise mustrid
- Mustrid Java-s
- C-tüüpi mustrite 3 parimat tüüpi
- C programmeerimismaatriksi korrutamise töö
- Java numbrimustrite terviklik juhend