Introduktion till mönster i JavaScript
Mönster är ett av de vanliga Java-mönsterprogrammen som används ofta för att förbättra logiskt tänkande och förbättra kunskapen om flödeskontroll. Mönster är objektets återanvändbara modeller och interaktioner. Varje mönster har ett namn och när man diskuterar komplicerade designalternativ blir en del av ett ordförråd. Varje utvecklare har ambitioner att skriva hanterbar, läsbar och återanvändbar kod. Strukturkod blir viktigare med större applikationer. Designmönster är avgörande för att lösa denna utmaning - tillhandahålla en organisationsstruktur för vanliga problem i en specifik situation. I den här artikeln kommer vi att diskutera Mönster i JavaScript.
Webbutvecklare av JavaScript kommunicerar ofta med designmönster när de producerar applikationer, även omedvetet. Trots att olika designmönster används i vissa situationer tenderar designers av JavaScript att använda vissa mönster mer än andra. Ett designmönster är en återanvändbar lösning på vanliga problem med mjukvarudesign. Designmönster är de bästa metoderna som erfarna utvecklare av mjukvaruanvändning. Ett mönster av design kan betraktas som en mall för skript.
Varför använda mönster?
Många programmerare tror att mönster är ett slöseri med tid eller att de inte vet hur de ska tillämpa dem på rätt sätt. Men genom att använda ett lämpligt designmönster kan du hjälpa dig att skriva en bättre och mer begriplig kod, och eftersom den är enklare att förstå kan koden lätt bevaras. Viktigast av allt är att mönstren ger en vanlig ordförråd för programvarudesigners att tala om. De visar omedelbart någon som lär sig koden i syftet med din kod.
Mönster i JavaScript (Antal mönster, stjärnmönster, karaktärsmönster)
Låt oss diskutera mönster i JavaScript i detalj.
1. Antal mönster
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("
");
)
Spara filnamnet med ditt val och dubbelklicka på den filen. Den öppnas i den JavaScript-aktiverade webbläsaren och visar utdata som visas nedan:
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('
');
)
Kör programmet i webbläsaren så ser du nedanstående utgång:
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('
');
)
Kör programmet i webbläsaren så ser du nedanstående utgång:
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('
');
)
Kör programmet i webbläsaren så ser du nedanstående utgång:
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('
');
Kör programmet i webbläsaren så ser du nedanstående utgång:
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('
');
Kör programmet i webbläsaren så ser du nedanstående utgång:
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('
');
)
Kör ovanstående kod så får du utdata som visas nedan:
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('
');
)
Kör ovanstående kod så får du utdata som visas nedan:
Program 9
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Kör ovanstående kod så får du utdata som visas nedan:
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("
");
)
Kör programmet så får du nedanstående utgång:
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("
");
)
Kör programmet så får du nedanstående utgång:
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("
");
)
Kör programmet så får du nedanstående utgång:
Program 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("
");
)
Kör ovanstående kod så får du utdata som visas nedan:
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("
");
)
Kör programmet så får du nedanstående utgång:
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("
");
)
Kör ovanstående kod så får du utdata som visas nedan:
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(" ");
)
Kör ovanstående kod så får du utdata som visas nedan:
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("
");
)
Kör ovanstående kod så får du utdata som visas nedan:
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("
");
)
Kör ovanstående kod så får du utdata som visas nedan:
2. Stjärnmönster
Program 1
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Kör programmet så får du nedanstående utgång:
Program 2
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Kör programmet så får du nedanstående utgång:
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('
');
Kör ovanstående kod så får du utdata som visas nedan:
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('
');
Kör ovanstående kod så får du utdata som visas nedan:
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('
');
)
Kör ovanstående kod så får du utdata som visas nedan:
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);
Kör ovanstående kod så får du utmatningen i konsolen som visas i bilden nedan:
3. Karaktärsmönster
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('
');
)
Kör programmet så får du nedanstående utgång:
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('
');
)
Kör ovanstående kod så får du utdata som visas nedan:
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('
');
Kör programmet så får du nedanstående utgång:
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('
');
Kör ovanstående kod så får du utdata som visas nedan:
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('
');
Kör ovanstående kod så får du utdata som visas nedan:
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('
');
)
Kör ovanstående kod så får du utdata som visas nedan:
Slutsats - Mönster i JavaScript
I den här artikeln har vi sett olika typer av mönster som antal, stjärna och karaktärsmönster. Mönstret är ett ord som används i programvaruteknik för att lösa en viss, återanvändbar problem med programvarudesign. För flera syften är designmönster användbara. De är demonstrerade lösningar som har försökt och testats av branschveteraner. Det är starka metoder som löser problem på ett allmänt accepterat sätt och återspeglar den branschledande utvecklarens erfarenhet och idéer som hjälpte till att definiera dem. Mönster ökar också återanvändbarheten och läsbarheten för din programvara och påskyndar utvecklingsprocessen avsevärt. Mönster är intressanta att utforska på alla programmeringsspråk och ett övertygande ämne.
Rekommenderade artiklar
Detta är en guide till Mönster i JavaScript. Här diskuterar vi olika typer av mönster i JavaScript med exempelkod i detalj. Du kan också gå igenom våra andra föreslagna artiklar -
- Mönster i C ++
- Stjärnamönster i C.
- Mönster i C-programmering
- Mönster i Java
- Topp 3 typer av mönster i C #
- Arbeta med C-programmering Matrix Multiplication
- Omfattande guide till antal mönster i Java