Bevezetés a Java mintákba
A minták az egyik leggyakoribb Java mintázat-program, amelyet széles körben használnak a logikai gondolkodás és az áramlásszabályozási ismeretek fejlesztésére. A minták az objektum újrafelhasználható modelljei és interakciói. Mindegyik mintának megvan a neve, és amikor bonyolult tervezési alternatívákról beszélünk, a szókincs része lesz. Minden fejlesztő arra törekszik, hogy kezelhető, olvasható és újrafelhasználható kódot írjon. A strukturáló kód a nagyobb alkalmazásoknál lényeges. A tervezési minták elengedhetetlenek ennek a kihívásnak a megoldásához - szervezeti felépítés biztosítása az adott helyzetben felmerülő általános problémákhoz. Ebben a cikkben a JavaScripti mintákat fogjuk megvitatni.
A JavaScript webfejlesztői általában az alkalmazások előállításakor is kommunikálnak a tervezési mintákkal, még tudatlanul is. Annak ellenére, hogy bizonyos tervezési mintákat különféle helyzetekben használnak, a JavaScript tervezői inkább egyes mintákat használnak, mint mások. A tervezési minta újrahasznosítható megoldás a közös szoftver-tervezési kérdésekre. A tervezési minták a legjobb gyakorlatok, amelyeket a tapasztalt szoftverfejlesztők használnak. A tervezési mintát szkriptek sablonjának lehet tekinteni.
Miért érdemes használni a mintákat?
Sok programozó szerint a minták időpocsékolás, vagy nem tudják, hogyan kell ezeket megfelelően alkalmazni. A megfelelő tervezési minta használata azonban segíthet a jobb és érthetőbb kódok megírásában, és mivel könnyebb megérteni, a kód könnyen megőrizhető. A legfontosabb, hogy a minták elterjedt szókincset biztosítanak a szoftverfejlesztők számára. Azonnal demonstrálják, hogy valaki megtanulja a kódot a kódja céljához.
Minták JavaScript-ben (számminták, csillagminták, karakterminták)
Nézzük meg részletesen a JavaScripti mintákat.
1. Számminták
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("
");
)
Mentse el a fájlnevet a választása szerint, és kattintson duplán a fájlra. Megnyílik a JavaScript-képes böngészőben, és az alább látható módon jeleníti meg a kimenetet:
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('
');
)
Futtassa a programot a böngészőben, és látni fogja az alábbi kimenetet:
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('
');
)
Futtassa a programot a böngészőben, és látni fogja az alábbi kimenetet:
4. program
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('
');
)
Futtassa a programot a böngészőben, és látni fogja az alábbi kimenetet:
5. program
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('
');
Futtassa a programot a böngészőben, és látni fogja az alábbi kimenetet:
6. program
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('
');
Futtassa a programot a böngészőben, és látni fogja az alábbi kimenetet:
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('
');
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
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('
');
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
9. program
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
10. program
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("
");
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
11. program
JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
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("
");
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
Programok 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("
");
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
14. program
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("
");
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
15. program
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("
");
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
16. program
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(" ");
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
17. program
JavaScript Number Patterns
var i, j;
for(i=1;i<=10;i++)
(
for(j=1;j<=i;j++)
(
document.write(i*j);
)
document.write("
");
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
18. program
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("
");
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
2. Csillagminták
1. program
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
2. program
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
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('
');
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
4. program
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('
');
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
5. program
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('
');
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
6. program
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);
Végezzük el a fenti kódot, és az alábbi képen látható módon megkapjuk a kimenetet a konzolban:
3. Karakterminták
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('
');
)
Végezzük el a programot, és az alábbi kimenetet kapjuk:
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('
');
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
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('
');
Végezzük el a programot, és az alábbi kimenetet kapjuk:
4. 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('
');
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
5. program
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('
');
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
6. program
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('
');
)
Hajtsa végre a fenti kódot, és az alábbiak szerint kapja meg a kimenetet:
Következtetés - Minták a JavaScript-ben
Ebben a cikkben különféle mintázatokat láttunk, például szám-, csillag- és karaktermintákat. A minta egy szó, amelyet a szoftverfejlesztésben használnak egy adott, újrafelhasználható szoftver-tervezési kérdés megoldására. Több célból is hasznosak a tervezési minták. Bemutatott megoldások, amelyeket az ipar veteránjai megkíséreltek és teszteltek. Erős módszerek, amelyek általánosan elfogadott módon oldják meg a problémákat, és tükrözik az iparágvezető fejlesztői tapasztalatokat és ötleteket, amelyek segítettek meghatározni azokat. A minták növelik a szoftver újrafelhasználhatóságát és olvashatóságát, miközben jelentősen felgyorsítják a fejlesztési folyamatot. A mintákat érdekes felfedezni bármilyen programozási nyelven, valamint egy lenyűgöző témában.
Ajánlott cikkek
Ez egy útmutató a JavaScripti Mintákhoz. Itt részletesen tárgyaljuk a különféle mintákat a JavaScript-ben a minta kóddal. Megnézheti más javasolt cikkeinket -
- Minta C ++ formátumban
- Csillagminták C-ben
- Minta a C programozásban
- Minta a Java-ban
- A C 3 legjobb mintatípusai
- C programozó mátrix szorzás működése
- Átfogó útmutató a Java számmintákhoz