Въведение в Шаблоните в JavaScript

Моделите са една от често срещаните програми за Java модели, които се използват широко за подобряване на логическото мислене и подобряване на знанията за контрол на потока. Моделите са моделите за многократна употреба и взаимодействията на обекта. Всеки модел има име и когато обсъждате сложни алтернативи на дизайна, се превръща в компонент на речника. Всеки програмист се стреми да напише управляем, четим и многократно използван код. Структурирането на кода става по-важно при по-големи приложения. Моделите на дизайна са от съществено значение за решаването на това предизвикателство - осигуряване на организационна структура за често срещани проблеми в конкретна ситуация. В тази статия ще обсъдим Моделите в JavaScript.

Уеб разработчиците на JavaScript обикновено комуникират с дизайнерски модели, когато произвеждат приложения, дори несъзнателно. Въпреки че в някои ситуации се използват различни дизайнерски модели, дизайнерите на JavaScript са склонни да използват някои модели повече от други. Моделът на дизайна е решение за многократна употреба на често срещани проблеми в дизайна на софтуер. Моделите на дизайна са най-добрите практики, които опитните разработчици на софтуер използват. Модел на дизайн може да се счита за шаблон на сценарии.

Защо да използвате модели?

Много програмисти смятат, че моделите са загуба на време или не знаят как да ги прилагат правилно. Но използването на подходящ дизайн може да ви помогне да напишете по-добър и разбираем код и тъй като е по-лесен за разбиране, кодът може лесно да се запази. Най-важното е, че моделите осигуряват преобладаващ речник, за който софтуерните дизайнери могат да говорят. Те веднага демонстрират някой да научи кода според целта на вашия код.

Шаблони в JavaScript (Шаблони с числа, звездни модели, шаблони на знаци)

Нека обсъдим подробно Шаблоните в JavaScript.

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("
");
)

Запазете името на файла с ваш избор и щракнете двукратно върху този файл. Той ще се отвори в браузъра с активиран JavaScript и ще покаже изхода, както е показано по-долу:

Програма 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('
');
)

Изпълнете горния код и ще получите изхода, както е показано по-долу:

Заключение - Шаблони в JavaScript

В тази статия видяхме различни видове модели като модели на число, звезда и знаци. Моделът е дума, използвана в софтуерното инженерство за решаване на конкретен проблем за многократна употреба на софтуер. За много цели, дизайнерските модели са полезни. Те са демонстрирани решения, които са били опитвани и тествани от ветераните от индустрията. Те са силни методи, които решават проблемите по общоприет начин и отразяват опита и идеите на водещия производител в индустрията, които помогнаха за тяхното дефиниране. Моделите също увеличават повторната употреба и четливостта на вашия софтуер, като същевременно ускоряват процеса на разработка значително. Моделите са интересни за изследване във всеки език на програмиране, както и като убедителна тема.

Препоръчителни статии

Това е ръководство за Моделите в JavaScript. Тук обсъждаме различни видове модели в JavaScript с примерен код подробно. Можете да разгледате и другите ни предложени статии -

  1. Модели в C ++
  2. Звездни модели в С
  3. Модели в C програмирането
  4. Модели в Java
  5. Топ 3 вида шаблони в C #
  6. Работа на матрично умножение на програмиране на С
  7. Изчерпателно ръководство за моделите на числата в Java