JavaScript(ES2015ïŒES6ïŒ) ãðŸç«ã¡æ¢ãŸã£ãŠäžæŠåŸ©ç¿ð£ã
ãé¢æ°ããšä»²è¯ããªãããã«ã埩ç¿ãããŸã(ï¿£^ï¿£)ã
ãProgate JavaScriptãâ
ãâ
¢ã
å
ãã¯åºæ¬ã倧äºãããã£ãŠããšã§ãProgateããŸã§å¿ããŠããç®æãåãã£ãŠãªãã£ãç®æãå確èªïŒ
ðifæâã»ãã³ãã³äžèŠ
ãããâelse
ðswitchæâå€ã«ãã£ãŠåŠçãåå²
ããããããïŒcase : ãšbreak ; ã§å€ãæå®ãåŠçãå®è¡ïŒ
âã»ãã³ãã³äžèŠ
ããããã âdefault
ð£ãããŸã§ã§30ïœ
ãã¡ãããšåæ°ãèšé²ãããŸãâïžâçžå€ãããã®ç¥å¯Ÿå¿âš
ðwhileæâã»ãã³ãã³ã¯äžèŠ
ãããããâç¹°ãè¿ãåŠç
ãããïŒconsole.log ãå
ã«æžãããã®äžã«ç¹°ãè¿ãããåŠçãæžãïŒ
ðforæâã»ãã³ãã³ã¯äžèŠ
ããããââ ïžïŒãå€æ°ã®å®çŸ©ã;ãæ¡ä»¶åŒã;ãå€æ°ã®æŽæ°ãïŒâ ïž
ðé
åâè€æ°åœ¢ãã»ãã³ãã³å¿
é ïŒïŒã[ , , , ];
ããã âå€ã管ç
ãããâforæãšã³ã©ã
ðlengthâé
åã®èŠçŽ æ°ãååŸ
ðãªããžã§ã¯ãâã»ãã³ãã³å¿
é ïŒïŒ
ãããããããâ{ããããã£ïŒå€}ã管ç
ãããããããâèŠçŽ ãã³ã³ãã§åºåãã®ã¯é
åãšåæ§
ã
ððãªããžã§ã¯ããèŠçŽ ã«æã€ãé
åïŒ
const characters =
[ {name: "ã«ãããããã", age: 14} , {name: "ã²ã€ãä»äºº", age: 1000} ] ;
ððãªããžã§ã¯ãã®äžã®ãªããžã§ã¯ã
const cafe = {
ãããããããããname: "Progateã«ãã§",
ãããããããããbusinessHours: {
ããããããããããããããããããopening:"10:00(AM)",
ããããããããããããããããããclosing:"8:00(PM)"
ãããããããããããããããããã},
ããããããããã};
ððãªããžã§ã¯ãã®äžã®é
眮
ãããâ ïžâ ïžâ ïžå¿
é ã ã£ãã»ãã³ãã³ã⊠ãªãã£ïŒïŒïŒ
ãããconst cafe = {name: "Progateã«ãã§",
ããããããããããbusinessHours: { opening: "10:00(AM)",
ãããããããããããããããããããclosing: "8:00(PM)"ã},
ããããããããããmenus:["ã³ãŒããŒ" , "çŽ
è¶" , "ãã§ã³ã¬ãŒãã±ãŒã"]
ãããããããããã};
ãããconsole.log(`åºå: ${cafe.name}`);
ãããconsole.log(`å¶æ¥æé:${cafe.businessHours.opening}ãã
ãããããããããããããããã${cafe.businessHours.closing}`);
ãããconsole.log(`----------------------------`);
ãããconsole.log("ããããã¡ãã¥ãŒã¯ãã¡ã");
ãããfor(let i=0 ; i<cafe.menus.length ; i++){
ããããããããããããããããããããããconsole.log(cafe.menus[i);}
ð£ð£ãããŸã§ã§40ïœ
ããããªããžã§ã¯ããšé
眮ãæ¹ããŠç¢ºèªã§ããŠè¯ãã£ãïŒ
ãããã¡ãªã¿ã«ããã ããŸ4:40â
æšæ¥ãæéãåããªããŠããððãªããžã§ã¯ãã®äžã®ãªããžã§ã¯ãããŸã§ããé²ããªãã£ããæšæ¥ãä»æ¥ã¯æŽããð
ðé¢æ°ãåŒæ°ãçšããã€ã¡ãŒãž
ãâ1ã€ã®èŠçŽ ãè¡šãããâïžïŒé¢æ°ïŒ
ãâå°ããè¡šçŸãå€ããŠããã®èŠçŽ ãåã³è¡šãããðïŒåŒæ°ïŒ
ðåŒæ°
ãâã³ã³ãã§åºåã
ããconst greet = (name) => {
ãããããããããconsole.log(`ããã«ã¡ã¯ã${name}ãã`);
ããããããããã};
ããgreet("ã²ã€ãä»äºº");ãããããããâãé¢æ°ã®è¡šç€º
ã
ðæ»ãå€ã®ã€ã¡ãŒãž
ãé¢æ°å
ã«äºããããã®æ¡ä»¶åŒãåŸã§æ瀺ããŠãããšãèšã£ãŠããæãã
ãïŒããã貞ããã©ä»é±äžã«è¿ãããªïŒçãªâŠïŒ
ãâåä»â ïžãªã®ãã以éã®è¡šçŸã
ããconst half = (number) => {
ããããããããreturn ãnumber/2;ããâãïŒããªãïŒïŒ
ãããããããã};
ããconst resultã=ãhalf(130);ããã âãæ°ããå®çŸ©ãçšããŠé¢æ°ã衚瀺ïŒ
ããconsole.log(`130ã®ååã¯${result}ã§ã`);
ããããããããâ ïžreturnãçšããããé¢æ°ã®å®çŸ©å
ã§console.logã¯äœ¿ããªãïŒ
ðæ»ãå€ã®æŽ»çš
ãconst check = (number) => {
ããããããããreturn number%3===0;
ãããããããã};
ãif (check(123)) {ããããããããããââ ïžcheck=123ã«ãã¡ãã£ãðŠ
ããããããããããããããããããããããifæäžã§ãããããŸã§å®æ°(ã)
ãããconsole.log("3ã®åæ°ã§ã");}
else {
ãããconsole.log("3ã®åæ°ã§ã¯ãããŸãã");}
ðã¹ã³ãŒã
ðæ倧å€ã®è¡šç€º
ãconst number1 = 103;
ãconst number2 = 72;
ãconst number3 = 189;
ã// getMaxé¢æ°ãå®çŸ©ããŠãã ãã
ãconst getMax=(a , b , c)=>{
ããããããããlet max=a;
ããããããããif(b>max);{ãmax=b;ã}
ããããããããif(c>max);{ãmax=c;ã}
ããããreturn maxã}
ã// ãæ倧å€ã¯ââã§ãããšåºåããŠãã ãã
ãconst max=getMax(number1 , number2 , number3);
ãconsole.log(`æ倧å€ã¯${max}ã§ã`);
ãååããã¯ç解深ããŠäœæããäºãåºæ¥ãŸããã
ãä»åã®ç®æšã§ããã£ãã®ã§ããããŸã§ã§60ïœã
ããŸãšãã
ç®æšã§ãã£ãé¢æ°ãšã¯ã¢ãã¬ã¹äº€æããããããªä»²ã«ã¯ãªã£ããšæããŸããã
html/cssã®æãããä»ãµã€ãã§ïŒÎ±ã調ã¹ãŠãªãã£ãã®ã§ãããå°ãæ·±ããŠãããããšæããŸãããäžç·ã«æ
è¡ã«è¡ãããããªä»²è¯ããç®æããŠÙ©( 'Ï' )Ù
ç«ã¡æ¢ãŸãåŠç¿ãç¶ããŸãð£ðŸð£
ãã®èšäºãæ°ã«å ¥ã£ãããµããŒããããŠã¿ãŸãããïŒ