Johdatus JavaScriptin malleihin
Kuviot ovat yksi yleisimmistä Java-malliohjelmista, joita käytetään laajalti parantamaan loogista ajattelua ja parantamaan virtauksen hallintaa koskevia tietoja. Kuviot ovat objektin uudelleenkäytettäviä malleja ja vuorovaikutuksia. Jokaisella kuviolla on nimi ja monimutkaisista suunnitteluvaihtoehdoista keskusteltaessa tulee osa sanastoa. Jokainen kehittäjä haluaa kirjoittaa hallittavan, luettavan ja uudelleenkäytettävän koodin. Koodijärjestelystä tulee entistä tärkeämpää suurempien sovellusten kanssa. Suunnittelumallit ovat välttämättömiä tämän haasteen ratkaisemisessa - organisaatiorakenteen tarjoaminen tietyssä tilanteessa esiintyville yleisille ongelmille. Tässä artikkelissa käsittelemme JavaScriptin malleja.
JavaScriptin Web-kehittäjät kommunikoivat yleensä suunnittelumallien kanssa sovelluksia tuotettaessa, jopa tietämättä. Vaikka joissakin tilanteissa käytetään erilaisia malleja, JavaScriptin suunnittelijat yleensä käyttävät joitain malleja enemmän kuin toiset. Suunnittelumalli on uudelleenkäytettävä ratkaisu yleisiin ohjelmistojen suunnittelukysymyksiin. Suunnittelumallit ovat parhaita käytäntöjä, joita kokeneet ohjelmistokehittäjät käyttävät. Suunnittelumallia voidaan pitää skriptin mallina.
Miksi käyttää kuvioita?
Monet ohjelmoijat uskovat, että mallit ovat ajanhukkaa tai he eivät tiedä kuinka niitä soveltaa oikein. Mutta sopivan suunnittelumallin käyttö voi auttaa sinua kirjoittamaan parempaa ja ymmärrettävämpää koodia, ja koska sen ymmärtäminen on yksinkertaisempaa, koodi voidaan helposti säilyttää. Tärkeintä on, että mallit tarjoavat vallitsevan sanaston ohjelmistosuunnittelijoille puhuakseen. He osoittavat heti, että joku oppii koodin koodin tarkoitukseen.
Kuviot JavaScriptillä (numerokuviot, tähtikuviot, merkkikuviot)
Keskustelemme yksityiskohtaisesti JavaScriptin malleista.
1. Numerokuviot
Ohjelma 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("
");
)
Tallenna tiedostonimi valitsemallasi tiedolla ja kaksoisnapsauta sitä tiedostoa. Se avautuu JavaScriptiä käyttävässä selaimessa ja näyttää tulosteen seuraavasti:
Ohjelma 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('
');
)
Suorita ohjelma selaimessa ja näet alla olevan tuotoksen:
Ohjelma 3
JavaScript Star Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=m;n<=5;n++)
(
document.write(""+n+" ");
)
document.write('
');
)
Suorita ohjelma selaimessa ja näet alla olevan tuotoksen:
Ohjelma 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('
');
)
Suorita ohjelma selaimessa ja näet alla olevan tuotoksen:
Ohjelma 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('
');
Suorita ohjelma selaimessa ja näet alla olevan tuotoksen:
Ohjelma 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('
');
Suorita ohjelma selaimessa ja näet alla olevan tuotoksen:
Ohjelma 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('
');
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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('
');
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 9
JavaScript Number Patterns
var i = 5;
while (i >= 1) (
var j = 5;
while (j >= i) (
document.write(""+j+" ");
j--;
)
i--;
document.write('
');
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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("
");
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 11
JavaScript Number Patterns
var m, n;
for(m=1;m<=5;m++)
(
for(n=5;n>=m;n--)
(
document.write(i);
)
document.write("
");
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 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("
");
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelmat 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("
");
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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("
");
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 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("
");
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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(" ");
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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("
");
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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("
");
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
2. Tähtikuviot
Ohjelma 1
JavaScript Star Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('*');
)
document.write('
');
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 2
JavaScript Star Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('*');
)
document.write('
');
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 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('
');
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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('
');
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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('
');
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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);
Suorita yllä oleva koodi ja saat tulosteen konsoliin seuraavan kuvan osoittamalla tavalla:
3. Merkkikuviot
Ohjelma 1
JavaScript Character Patterns
var m, n;
for(m=1; m <= 5; m++)
(
for(n=1; n<=m; n++)
(
document.write('A');
)
document.write('
');
)
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 2
JavaScript Character Patterns
var m, n;
for(m=5;m>=1;m--)
(
for(n=1;n<=m;n++)
(
document.write('A');
)
document.write('
');
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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('
');
Suorita ohjelma ja saat seuraavan tuloksen:
Ohjelma 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('
');
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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('
');
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Ohjelma 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('
');
)
Suorita yllä oleva koodi ja saat tulosteen alla esitetyllä tavalla:
Johtopäätös - JavaScriptin mallit
Tässä artikkelissa olemme nähneet erityyppisiä kuvioita, kuten numero-, tähti- ja merkkikuviot. Kuvio on sana, jota käytetään ohjelmistosuunnittelussa tietyn, uudelleenkäytettävän ohjelmistosuunnittelun ongelman ratkaisemiseksi. Suunnittelumallit ovat hyödyllisiä moniin tarkoituksiin. Ne ovat demonstroituja ratkaisuja, joita alan veteraanit ovat yrittäneet ja kokeilleet. Ne ovat vahvoja menetelmiä, jotka ratkaisevat ongelmat yleisesti hyväksytyllä tavalla ja heijastavat alan johtavan kehittäjän kokemusta ja ideoita, jotka auttoivat niiden määrittelemisessä. Kuviot lisäävät myös ohjelmistosi uudelleenkäytettävyyttä ja luettavuutta, samalla kun nopeuttavat kehitysprosessia huomattavasti. Kuvioita on mielenkiintoista tutkia missä tahansa ohjelmointikielissä samoin kuin pakottavia aiheita.
Suositellut artikkelit
Tämä on opas kuvioihin JavaScriptillä. Tässä keskustellaan yksityiskohtaisesti erityyppisistä malleista JavaScriptillä mallikoodilla. Voit myös käydä läpi muiden ehdottamiemme artikkeleidemme -
- Kuviot C ++: ssa
- Tähtikuviot C: ssä
- Kuviot C-ohjelmoinnissa
- Kuviot Java
- C #: n 3 suosittua mallityyppiä
- C-ohjelmointimatriisin kertolaskutoimitus
- Kattava opas Java-numerokaavioihin