Uvod u uzorke u JavaScript-u
Obrasci su jedan od najčešćih programa Java obrazaca koji se široko koriste za poboljšanje logičkog razmišljanja i poboljšanje znanja o kontroli protoka. Obrasci su modeli koji se mogu višekratno upotrijebiti i interakcije. Svaki uzorak ima naziv i kada razgovaramo o složenim alternativama dizajna postaje sastavni dio vokabulara. Svaki programer nastoji napisati kôd koji se može čitati i čitati te ga možete ponovo upotrijebiti. Kod većih aplikacija postaje strukturiranje koda sve važnije. Obrazaci dizajna ključni su za rješavanje ovog izazova - pružanje organizacijske strukture za uobičajene probleme u određenoj situaciji. U ovom ćemo članku razgovarati o uzorcima u JavaScript-u.
Web programeri JavaScripta čak i nesvjesno komuniciraju s obrascima dizajna za proizvodnju aplikacija. Iako se u nekim situacijama koriste razni obrasci dizajna, JavaScript dizajneri koriste neke obrasce više od drugih. Uzorak dizajna je rješenje koje se može koristiti za uobičajena pitanja u vezi s dizajnom softvera. Obrasci dizajna su najbolje prakse koje koriste iskusni programeri softvera. Obrazac dizajna može se smatrati predloškom scenarija.
Zašto koristiti uzorke?
Mnogi programeri smatraju da su obrasci gubitak vremena ili ne znaju kako ih pravilno primijeniti. No, pomoću prikladnog dizajnerskog uzorka možete vam pomoći da napišete bolji i razumljiviji kod, a budući da je jednostavniji za razumjeti, kod se može lako sačuvati. Najvažnije je da obrasci pružaju prevladavajući vokabular o kojem dizajneri softvera mogu govoriti. Odmah demonstriraju da netko uči kod u svrhu vašeg koda.
Uzorci u JavaScriptu (brojevi, brojevi zvijezda, obrasci znakova)
Raspravimo detaljno o Uzorcima u JavaScript-u.
1. Broj obrasca
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("
");
)
Spremite naziv datoteke po vašem izboru i dvostruko kliknite na tu datoteku. Otvorit će se u pregledniku koji podržava JavaScript i prikazati izlaz kao što je prikazano u nastavku:
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('
');
)
Pokrenite program u pregledniku i vidjet ćete izlaz ispod:
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('
');
)
Pokrenite program u pregledniku i vidjet ćete izlaz ispod:
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('
');
)
Pokrenite program u pregledniku i vidjet ćete izlaz ispod:
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('
');
Pokrenite program u pregledniku i vidjet ćete izlaz ispod:
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('
');
Pokrenite program u pregledniku i vidjet ćete izlaz ispod:
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('
');
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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('
');
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
Program 9
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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("
");
)
Izvršite program i dobit ćete sljedeći izlaz:
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("
");
)
Izvršite program i dobit ćete sljedeći izlaz:
12. program
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("
");
)
Izvršite program i dobit ćete sljedeći izlaz:
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("
");
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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("
");
)
Izvršite program i dobit ćete sljedeći izlaz:
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("
");
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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(" ");
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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("
");
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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("
");
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
2. Zvijezdani obrasci
1. program
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Izvršite program i dobit ćete sljedeći izlaz:
2. program
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Izvršite program i dobit ćete sljedeći izlaz:
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('
');
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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('
');
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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('
');
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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);
Izvršite gornji kôd i dobit ćete izlaz u konzoli kao što je prikazano na donjoj slici:
3. Uzorci likova
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('
');
)
Izvršite program i dobit ćete sljedeći izlaz:
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('
');
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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('
');
Izvršite program i dobit ćete sljedeći izlaz:
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('
');
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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('
');
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
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('
');
)
Izvršite gornji kôd i dobit ćete izlaz kao što je prikazano u nastavku:
Zaključak - Uzorci u JavaScript-u
U ovom smo članku vidjeli različite vrste uzoraka poput uzoraka broja, zvjezdica i znakova. Uzorak je riječ koja se koristi u programskom inženjeringu za rješavanje određenog problema s dizajnom softvera za višekratnu upotrebu. U više svrha korisni su obrasci dizajna. Demonstrirana su im rješenja koja su pokušali i testirali branitelji. To su snažne metode koje rješavaju probleme na općenito prihvaćen način i odražavaju iskustvo i ideje vodećih programera u industriji koje su im pomogle u definiranju. Obrasci također povećavaju ponovnu upotrebu i čitljivost softvera, a pritom značajno ubrzavaju razvojni proces. Obrasci su zanimljivi za istraživanje u bilo kojem programskom jeziku kao i uvjerljiv predmet.
Preporučeni članci
Ovo je vodič za Obrasci u JavaScriptu. Ovdje ćemo raspravljati o različitim vrstama uzoraka u JavaScriptu s uzorkom koda u detalje. Možete i pregledati naše druge predložene članke -
- Obrasci u C ++
- Zvjezdani uzorci u C
- Obrasci u C programiranju
- Uzorci u Javi
- Top 3 vrste uzoraka u C #
- Rad umnožavanja matrice programiranja C
- Sveobuhvatni vodič za brojeve uzoraka na Javi