Введение в паттерны в 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 с подробным примером кода. Вы также можете просмотреть наши другие предлагаемые статьи -
- Шаблоны в C ++
- Звездные узоры в C
- Шаблоны в C Программирование
- Шаблоны в Java
- Топ 3 типов шаблонов в C #
- Работа умножения матриц программирования на C
- Комплексное руководство по шаблонам чисел в Java