Úvod do vzorov v JavaScripte
Vzory sú jedným z bežných programov vzorov Java, ktoré sa bežne používajú na zlepšenie logického myslenia a zlepšenie znalostí o riadení toku. Vzory sú opakovane použiteľné modely a interakcie objektu. Každý vzor má svoje meno a pri diskusii o zložitých alternatívach dizajnu sa stáva súčasťou slovnej zásoby. Každý vývojár sa snaží napísať spravovateľný, čitateľný a opakovane použiteľný kód. Štruktúrovací kód sa stáva nevyhnutnosťou pri väčších aplikáciách. Dizajnové vzory sú nevyhnutné na vyriešenie tejto výzvy - poskytujú organizačnú štruktúru pre bežné problémy v konkrétnej situácii. V tomto článku budeme diskutovať o Vzoroch v JavaScripte.
Weboví vývojári JavaScript bežne komunikujú s návrhovými vzormi pri výrobe aplikácií, a to aj nevedomky. Aj keď sa v niektorých situáciách používa celý rad vzorov, dizajnéri JavaScriptu majú tendenciu niektoré vzory používať viac ako iné. Návrhový vzorec je opakovane použiteľné riešenie bežných problémov s návrhom softvéru. Dizajnové vzory sú najlepšie postupy, ktoré skúsení vývojári softvéru používajú. Vzor dizajnu možno považovať za šablónu skriptovania.
Prečo používať vzory?
Mnoho programátorov verí, že vzory sú stratou času alebo nevedia, ako ich správne uplatniť. Ale použitie vhodného vzoru vám môže pomôcť písať lepšie a zrozumiteľnejšie kódy, a pretože je ľahšie porozumieť, je možné tento kód ľahko zachovať. Najdôležitejšie je, že vzory poskytujú prevažnú slovnú zásobu pre softvérových dizajnérov, o ktorej sa hovorí. Okamžite demonštrujú niekoho, kto sa naučil tento kód za účelom vášho kódu.
Vzory v JavaScripte (číselné vzory, vzory hviezd, vzory znakov)
Poďme diskutovať o vzory v JavaScripte podrobne.
1. Číselné vzory
Program 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("
");
)
Názov súboru uložte podľa vášho výberu a dvakrát naň kliknite. Otvorí sa v prehliadači s povoleným jazykom JavaScript a zobrazí výstup, ako je uvedené nižšie:
Program 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('
');
)
Spustite program v prehliadači a uvidíte nasledujúci výstup:
Program 3
JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)
Spustite program v prehliadači a uvidíte nasledujúci výstup:
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('
');
)
Spustite program v prehliadači a uvidíte nasledujúci výstup:
Program 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('
');
Spustite program v prehliadači a uvidíte nasledujúci výstup:
Program 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('
');
Spustite program v prehliadači a uvidíte nasledujúci výstup:
Program 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('
');
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 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('
');
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 9
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
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("
");
)
Spustite program a dostanete výstup nižšie:
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("
");
)
Spustite program a dostanete výstup nižšie:
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("
");
)
Spustite program a dostanete výstup nižšie:
Programy 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("
");
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
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("
");
)
Spustite program a dostanete výstup nižšie:
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("
");
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
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(" ");
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
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("
");
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
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("
");
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
2. Hviezdne vzory
Program 1
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Spustite program a dostanete výstup nižšie:
Program 2
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Spustite program a dostanete výstup nižšie:
Program 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('
');
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
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('
');
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 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('
');
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 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);
Spustite vyššie uvedený kód a výstup získate v konzole, ako je to znázornené na obrázku nižšie:
3. Vzory znakov
Program 1
JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)
Spustite program a dostanete výstup nižšie:
Program 2
JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 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('
');
Spustite program a dostanete výstup nižšie:
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('
');
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 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('
');
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Program 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('
');
)
Spustite vyššie uvedený kód a získate výstup, ako je uvedené nižšie:
Záver - Vzory v JavaScripte
V tomto článku sme videli rôzne typy vzorov, ako napríklad počet, hviezda a charakterové vzory. Vzor je slovo používané v softvérovom inžinierstve na vyriešenie konkrétnej opakovane použiteľnej problematiky návrhu softvéru. Na rôzne účely sú užitočné vzory dizajnu. Sú demonštrované riešenia, ktoré sa pokúsili a vyskúšali veteráni z priemyslu. Sú to silné metódy, ktoré riešia problémy všeobecne akceptovaným spôsobom a odrážajú skúsenosti a nápady vedúcich vývojárov v odbore, ktoré ich pomohli definovať. Vzory tiež zvyšujú opakovanú použiteľnosť a čitateľnosť vášho softvéru a zároveň značne urýchľujú vývojový proces. Vzory sú zaujímavé na preskúmanie v akomkoľvek programovacom jazyku, ako aj v pôsobivom predmete.
Odporúčané články
Toto je sprievodca vzormi v JavaScripte. Tu diskutujeme rôzne typy vzorov v JavaScripte s ukážkovým kódom v detaile. Môžete si tiež prečítať naše ďalšie navrhované články -
- Vzory v C ++
- Vzory hviezd v C
- Vzory v programovaní C
- Vzory v Jave
- Top 3 typy vzorov v C #
- Fungovanie násobenia programovacej matice C
- Komplexný sprievodca číselnými vzormi v Jave