Увод у узорке у ЈаваСцрипт-у
Обрасци су један од уобичајених програма Јава образаца који се широко користе за побољшање логичког размишљања и побољшање знања о контроли протока. Обрасци су модели који се могу вишекратно користити и интеракције. Сваки образац има назив и када разговарамо о компликованим алтернативама дизајна постаје саставни део вокабулара. Сваки програмер жели да напише код који се може прочитати, прочитати и поново употребити. Код већих апликација постаје структурирање кода све важније. Образац дизајна је кључан за решавање овог изазова - обезбеђивање организационе структуре за уобичајене проблеме у одређеној ситуацији. У овом чланку ћемо говорити о обрасцима у ЈаваСцрипт-у.
Веб програмери ЈаваСцрипт обично комуницирају са обрасцима дизајна при производњи апликација, чак и несвесно. Иако се у неким ситуацијама користе различити обрасци дизајна, ЈаваСцрипт дизајнери користе неке обрасце више него други. Образац дизајна је решење за вишекратну употребу код уобичајених проблема у дизајнирању софтвера. Обрасци дизајна су најбоље праксе које користе искусни програмери софтвера. Образац дизајна може се сматрати обрасцем сценарија.
Зашто користити узорке?
Многи програмери сматрају да су обрасци губитак времена или не знају како их правилно применити. Али коришћење одговарајућег дизајна може вам помоћи да напишете бољи и разумљивији код, а будући да је једноставнији за разумевање, код се може лако сачувати. Оно што је најважније, обрасци пружају преовлађујући речник дизајнерима софтвера о којима могу говорити. Они одмах демонстрирају да неко учи код у сврху вашег кода.
Обрасци у ЈаваСцрипту (бројеви, бројеви звезда, обрасци знакова)
Расправимо детаљно о Узорцима у ЈаваСцрипт-у.
1. Број образаца
Програм 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("
");
)
Сачувајте име датотеке по вашем избору и двапут кликните на ту датотеку. Отвориће се у претраживачу који подржава ЈаваСцрипт и приказаће излаз као што је приказано у наставку:
Програм 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('
');
)
Покрените програм у прегледачу и видећете доњи излаз:
Програм 3
JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)
Покрените програм у прегледачу и видећете доњи излаз:
Програм 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('
');
)
Покрените програм у прегледачу и видећете доњи излаз:
Програм 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('
');
Покрените програм у прегледачу и видећете доњи излаз:
Програм 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('
');
Покрените програм у прегледачу и видећете доњи излаз:
Програм 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('
');
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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('
');
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 9
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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("
");
)
Извршите програм и добићете следећи излаз:
Програм 11
JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)
Извршите програм и добићете следећи излаз:
Програм 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("
");
)
Извршите програм и добићете следећи излаз:
Програми 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("
");
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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("
");
)
Извршите програм и добићете следећи излаз:
Програм 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("
");
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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(" ");
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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("
");
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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("
");
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
2. Звездне шаблоне
Програм 1
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Извршите програм и добићете следећи излаз:
Програм 2
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Извршите програм и добићете следећи излаз:
Програм 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('
');
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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('
');
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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('
');
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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);
Извршите горњи код и добићете излаз у конзоли као што је приказано на доњој слици:
3. Узорци карактера
Програм 1
JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)
Извршите програм и добићете следећи излаз:
Програм 2
JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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('
');
Извршите програм и добићете следећи излаз:
Програм 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('
');
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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('
');
Извршите горњи код и добићете излаз као што је приказано у наставку:
Програм 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('
');
)
Извршите горњи код и добићете излаз као што је приказано у наставку:
Закључак - Обрасци у ЈаваСцрипт-у
У овом чланку смо видели различите врсте образаца као што су обрасци броја, звезда и знакова. Узорак је реч која се користи у програмском инжењерингу за решавање одређеног проблема дизајна софтвера који се може поново користити. У више сврхе корисни су обрасци дизајна. Доказана су им решења која су покушали и тестирали ветерани из индустрије. То су снажне методе које решавају проблеме на опште прихваћен начин и одражавају искуство и идеје водећих програмера у индустрији које су им помогле да их дефинишемо. Обрасци такође повећавају поновну употребу и читљивост вашег софтвера, а значајно убрзавају развојни процес. Обрасци су занимљиви за истраживање у било којем програмском језику као и убедљив предмет.
Препоручени чланци
Ово је водич за узорке у ЈаваСцрипт-у. Овде смо расправљали о различитим типовима образаца у ЈаваСцрипт-у са детаљним узорком кода. Можете и да прођете кроз друге наше предложене чланке -
- Обрасци у Ц ++
- Стар Паттернс ин Ц
- Обрасци у Ц програмирању
- Обрасци у Јави
- Топ 3 врсте узорака у Ц #
- Рад множења матрице програмирања Ц
- Свеобухватни водич за бројеве узорака на Јави