JavaScript ã¯ããªããã£ã(æååãæ°å¤ãªã©)ããªãã¸ã§ã¯ãã®ããã«æ±ããã¨ãã§ãã¾ããã¾ãããããã¯ã¡ã½ãããæä¾ãã¦ãã¾ãããã®å¾ããã«å¦ãã§ããã¾ãããæåã«ãã©ã®ããã«åä½ããã®ã確èªãã¾ãããããªããªããããªããã£ãã¯ãªãã¸ã§ã¯ãã§ã¯ãªãããã§ã(ãã®ãã£ãã¿ã¼ã§ãããããã«æç¢ºã«ãã¦ããã¾ã)ã
ããªããã£ãã¨ãªãã¸ã§ã¯ãã®ä¸»ãªéããè¦ã¦ããã¾ãããã
ããªããã£ã
- ããªããã£ãåã®å¤ã§ãã
- ããªããã£ãå㯠7 ã¤ããã¾ã:
string,number,bigint,boolean,symbol,null,undefined
ãªãã¸ã§ã¯ã
- ããããã£ã¨ãã¦è¤æ°ã®å¤ãä¿æãããã¨ãã§ãã¾ãã
{}ã§ä½ããã¨ãã§ãã¾ããä¾ãã°:{name: "John", age: 30}ãJavaScriptã§ã¯ä»ã®ç¨®é¡ã®ãªãã¸ã§ã¯ããããã¾ãã颿°ããªãã¸ã§ã¯ãã§ãã
ãªãã¸ã§ã¯ãã®æãè¯ãã¨ããã®1ã¤ã¯ããã®ããããã£ã®1ã¤ã¨ãã¦é¢æ°ãä¿æãããã¨ãã§ãããã¨ã§ã:
let john = {
name: "John",
sayHi: function() {
alert("Hi buddy!");
}
};
john.sayHi(); // Hi buddy!
ä¸ã®ä¾ã§ã¯ãsayHi ã¡ã½ãããã㤠john ãªãã¸ã§ã¯ããä½ãã¾ããã
æ¥ä»ãã¨ã©ã¼ãHTMLè¦ç´ ãªã©ã§åä½ãããããªãå¤ãã®çµã¿è¾¼ã¿ã®ãªãã¸ã§ã¯ããæ¢ã«åå¨ãããããã¯ç°ãªãããããã£ã¨ã¡ã½ãããæã£ã¦ãã¾ãã
ãããããããã®æ©è½ã«ã¯ã³ã¹ãããããã¾ã!
ãªãã¸ã§ã¯ãã¯ããªããã£ãããã âéãâ ã§ããå é¨ã®ä»çµã¿ããµãã¼ãããããã«è¿½å ã®ãªã½ã¼ã¹ãå¿ è¦ã¨ãã¾ããããããããããã£ãã¡ã½ããã¯ããã°ã©ãã³ã°ãããä¸ã§éå¸¸ã«æç¨ã§ãããJavaScriptã¨ã³ã¸ã³ã¯ãããã®è² æ ãæ¸ããããã«æé©åã試ã¿ã¾ãã
ãªãã¸ã§ã¯ãã¨ãã¦ã®ããªããã£ã
JavaScriptã®ä½æè ãç´é¢ãããã©ããã¯ã¹ã¯æ¬¡ã®éãã§ãã:
- æååãæ°åã®ãããªããªããã£ãã«å¯¾ãã¦ãããããã¨ãããããããã¾ãã ããããã¡ã½ããã¨ãã¦å®ç¾ãããã¨ã¯ç´ æ´ããããã¨ã§ãããã
- ããªããã£ãã¯ã§ããã ãé«éããã¤è»½éã§ãªããã°ãªãã¾ããã
解決çã¯å°ã éæ®ã§ããæ¬¡ã®éãã§ã:
- ããªããã£ãã¯ä¾ç¶ã¨ãã¦ããªããã£ãã§ããè¦æã©ãããåä¸ã®å¤ã§ãã
- è¨èªã¯ãæååãæ°å¤ãçå½å¤ããã¦ã·ã³ãã«ã®ã¡ã½ãããããããã£ã«ã¢ã¯ã»ã¹ãããã¨ãã§ãã¾ãã
- å¿ è¦ã«å¿ãã¦ã追å ã®æ©è½ãæä¾ããç¹å¥ãª âãªãã¸ã§ã¯ãã©ããã¼â ãä½ããããã®å¾ãç ´æ£ããã¾ãã
âãªãã¸ã§ã¯ãã©ããã¼â ã¯ããªããã£ã忝ã«ç°ãªããString, Number, Boolean, Symbol ã¨å¼ã°ãã¾ããå¾ã£ã¦ããããã¯ç°ãªãã¡ã½ããã®ã»ãããæä¾ãã¾ãã
ä¾ãã°ã大æååãããæååãè¿ã str.toUpperCase() ã¨ããã¡ã½ãããããã¾ãã
次ã®ããã«åä½ãã¾ã:
let str = "Hello";
alert( str.toUpperCase() ); // HELLO
ã·ã³ãã«ã§ãããï¼ str.toUpperCase() ã§å®éã«ä½ãèµ·ãã£ã¦ããã®ã§ããã:
- æåå
strã¯ããªããã£ãã§ãããªã®ã§ãããããã£ã¸ã¢ã¯ã»ã¹ããç¬éã«ãæååã®å¤ãç¥ãç¹å¥ãªãªãã¸ã§ã¯ããä½ãããããã¯toUpperCase()ã®ãããªä¾¿å©ãªã¡ã½ãããæã£ã¦ãã¾ãã - ã¡ã½ããã¯å®è¡ãããæ°ããªæååãè¿ãã¾ã(
alertã§è¡¨ç¤ºããããã®ã§ã) - ç¹å¥ãªãªãã¸ã§ã¯ãã¯ç ´æ£ãããããªããã£ãã®
strã ããæ®ãã¾ãã
å¾ã£ã¦ãããªããã£ãã¯ä¾ç¶ã¨ãã¦è»½éãªã¾ã¾ã§ãããã¡ã½ãããæä¾ã§ãã¾ãã
JavaScriptã¨ã³ã¸ã³ã¯ãã®å¦çãé«åº¦ã«æé©åãã¦ãã¾ããä½åãªãªãã¸ã§ã¯ãã®ä½æãå®å ¨ã«ã¹ãããããããããã¾ãããããããããã¯ä¾ç¶ã¨ãã¦ä»æ§ã«æºæ ãããããããªãã¸ã§ã¯ãã使ãããã®ããã«åä½ããªããã°ãªãã¾ããã
æ°å¤ã¯èªèº«ã®ã¡ã½ãããæã£ã¦ãã¾ããä¾ãã°ãæå®ãããç²¾åº¦ã«æ°å¤ã丸ãã toFixed(n) ã§ã:
let n = 1.23456;
alert( n.toFixed(2) ); // 1.23
å ·ä½çãªã¡ã½ããã¯ãã£ãã¿ã¼ æ°å¤ 㨠æåå ã§è¦ã¾ãããã
String/Number/Boolean ã¯å
é¨ã§ã®ã¿å©ç¨ãã¾ãJavaãªã©ã®è¨èªã¯ new Number(1) ã¾ã㯠new Boolean(false) ã®ãããªæ§æã使ããã¨ã§æç¤ºçã«ããªããã£ãã®ããã® âã©ããã¼ãªãã¸ã§ã¯ãâ ãä½ããã¨ãåºæ¥ã¾ãã
JavaScriptã«ããã¦ããæ´å²çãªçç±ããå¯è½ã§ãããå¼·ã æ¨å¥¨ãã¾ãããããã¤ãã®å ´æã§ç©äºãããããªãã¨ã«ãªã£ã¦ããã§ãããã
ä¾:
alert( typeof 1 ); // "number"
alert( typeof new Number(1) ); // "object"!
ãªãã¸ã§ã¯ã㯠if ã§ã¯å¸¸ã« true ãªã®ã§ãã¢ã©ã¼ãã表示ããã¾ãã
let zero = new Number(0);
if (zero) { // zero 㯠true, ãªãã¸ã§ã¯ãã ããã§ã
alert( "zero is truthy?!?" );
}
䏿¹ãnew ãã¤ããã«åã颿° String/Number/Boolean ã使ããã¨ã¯ãæ®éã§ããå½¹ã«ç«ã¡ã¾ãããããã¯å¤ã対å¿ããåã¸å¤æãã¾ã: æååãæ°å¤ããããã¯çå½å¤(ããªããã£ã)
ä¾ãã°ãããã¯ã¾ã£ããåé¡ããã¾ãã:
let num = Number("123"); // string ãã number ã¸å¤æ
ç¹å¥ãªããªããã£ã null 㨠undefined ã¯ä¾å¤ã§ãããããã¯å¯¾å¿ãã âã©ããã¼ãªãã¸ã§ã¯ãâ ãæããã¡ã½ãããæä¾ãã¾ãããããæå³ã§ã¯ âæãããªããã£ãâ ã§ãã
ãã®ãããªã¢ã¯ã»ã¹ã¯ã¨ã©ã¼ã«ãªãã¾ã:
alert(null.test); // error
ãµããª
- ããªããã£ãã¯ã
nullã¨undefinedã®ä¾å¤ãé¤ãã¦ãå¤ãã®å½¹ç«ã¤ã¡ã½ãããæä¾ãã¾ããæ¬¡ã®ãã£ãã¿ã¼ã§è©³ç´°ãå¦ãã§ããã¾ãã - å½¢å¼çã«ã¯ããããã®ã¡ã½ããã¯ä¸æçãªãªãã¸ã§ã¯ããéãã¦è¡ããã¾ãããããJavaScriptã¨ã³ã¸ã³ã¯å é¨çã«æé©åãããããã¥ã¼ãã³ã°ããã¦ãããããå¼ã³åºãã®ã³ã¹ãã¯ãããã¾ããã
ã³ã¡ã³ã
<code>ã¿ã°ã使ã£ã¦ãã ãããè¤æ°è¡ã®å ´åã¯<pre>ãã10è¡ãè¶ ããå ´åã«ã¯ãµã³ãããã¯ã¹ã使ã£ã¦ãã ãã(plnkr, JSBin, codepenâ¦)ã