毎日1編javascript学習まとめ(基礎知識)

1、文字変換

 var s1 = "01";
  var s2 = "1.1";
  var s3 = "z";//  'z'       ，     NaN
  var b = false;
  var f = 1.1;
  var o = { 
   valueOf: function() {
    return -1;
   }
  };
  
  s1 = -s1; //value becomes numeric -1
  s2 = -s2; //value becomes numeric -1.1
  s3 = -s3; //value becomes NaN
  b = -b;  //value becomes numeric 0
  f = -f;  //change to -1.1
  o = -o;  // 1       valueOf()    -1,--1 1
　　　　o = +o;//-1 o valueOf()  -1，+-1  -1

2、特殊文字演算

 var result1 = 5 - true; //4 because true is converted to 1
  var result2 = NaN - 1;  //NaN NaN      ，            NaN
  var result3 = 5 - 3;  //2
  var result4 = 5 - "";  //5 because "" is converted to 0
  var result5 = 5 - "2";  //3 because "2" is converted to 2
  var result6 = 5 - null; //5 because null is converted to 0

3、変数変換文字列演算

 var value1 = 10;
  var value2 = true;
  var value3 = null;
  var value4;//value4       underfined         'underfined'
  
  alert(String(value1));  //"10"
  alert(String(value2));  //"true"
  alert(String(value3));  //"null"
  alert(String(value4));  //"undefined"

4、数字の進数変換 

var num = 10;
  alert(num.toString());  //"10"     
  alert(num.toString(2));  //"1010"   
  alert(num.toString(8));  //"12"   
  alert(num.toString(10));  //"10"   
  alert(num.toString(16));  //"a"    

5、文字列比較演算

var result1 = 5 > 3; //true
  var result2 = 5 < 3; //false
  var result3 = "Brick" < "alphabet"; //true                             
  var result4 = "Brick".toLowerCase() < "alphabet".toLowerCase(); //false       
  var result5 = "23" < "3"; //true   2    3
  var result6 = "23" < 3; //false   '23'   23 
  var result7 = "a" < 3; //false because "a" becomes NaN   'a'       
  var result8 = NaN < 3; //false NaN        ，        ，     false
  var result9 = NaN >= 3; //false

6、文字送り変換

  var num1 = parseInt("AF", 16);  //175   16          10*16+15*1
  var num2 = parseInt("AF");   //NaN       ，    10    ，  AF       ，  NaN

  alert(num1);
  alert(num2);

7、パースIntの使用

  var num1 = parseInt("1234blue"); //1234
  var num2 = parseInt("");   //NaN   ''       
   var num3 = parseInt("0xA");   //10 - hexadecimal 16   A
  var num4 = parseInt(22.5);   //22
  var num5 = parseInt("70");   //70 - decimal
  var num6 = parseInt("0xf");   //15 16   15

8、Number対象の使用

  var num1 = Number("Hello world!"); //NaN
  var num2 = Number("");    //0          0   parseInt()   
   var num3 = Number("000011");  //11
  var num4 = Number(true);   //1

9、NaNの使い方     

  alert(NaN == NaN);  //false
  alert(isNaN(NaN));  //true
  alert(isNaN(10));  //false ?10 is a number
  alert(isNaN("10"));  //false ?can be converted to number 10
  alert(isNaN("blue")); //true ?cannot be converted to a number
  alert(isNaN(true));  //false ?can be converted to number 1

10、システム最大数

var result = Number.MAX_VALUE + 1;
alert(isFinite(result)); // false

11、Infinity無限大

  alert(5 * 6);   //30
  alert(5 * NaN);   //NaN
  alert(Infinity * 0); //NaN
  alert(Infinity * 2); //Infinity
  alert("5" * 5);   //25
  alert(true * 10);  //10
  alert(false * 10);  //0
　　　　　　alert(26 % 5); //1
　　　　　　alert(Infinity % 3); //NaN
　　　　　　alert(3 % 0); //NaN
　　　　　　alert(5 % Infinity); //5
　　　　　　alert(0 % 10); //0
　　　　　　alert(true % 25); //1
　　　　　　alert(3 % false); //NaN

12、for inサイクル

for (var propName in window) {
    document.write(propName);
    document.write("
");
  }

13、特殊文字の比較   

 alert(null == undefined); //true
  alert(null === undefined); //false
  
  alert("NaN" == NaN);  //false
  alert("NaN" === NaN);  //false
  alert(NaN == NaN);   //false
  alert(NaN === NaN);   //false
  alert(NaN != NaN);   //true
  alert(NaN !== NaN);   //true
  
  alert(false == 0);   //true
  alert(false === 0);   //false
  alert(true == 1);   //true
  alert(true === 1);   //false
  
  alert(null == 0);   //false
  alert(undefined == 0);  //false
  
  alert(5 == "5");   //true
  alert(5 === "5");   //false  

14、Booleanオブジェクト  

 var message = "Hello world!";
  var messageAsBoolean = Boolean(message);
  
  alert(messageAsBoolean); //true

15、forループはラベルと一緒にbreak文とcontinue文を使って、ラベルのある文と連携して使用して、コードの特定の位置に戻ります.通常、循環内部に循環がある場合、例えば、 

 var num = 0;
  //        
  outermost:
  for (var i=0; i < 10; i++) {
    for (var j=0; j < 10; j++) {
    if (i == 5 && j == 5) {
     break outermost;
    }
    num++;
   }
  }
  
  alert(num); //55

上記の例では、ラベルoutermostは最初のfor文を表しています.通常の場合、各for文は10回のコードブロックを実行します.これはnum＋＋正常の場合は100回実行され、実行が完了したらnumは100に等しいという意味です.ここのbreak文には、ループを停止した後にジャンプするステートメントのラベルというパラメータがあります.このようにbreak文は、内部for文(変数jを使用した文)だけでなく、外部for文(変数iを使用した文)も飛び出すことができます.したがって、numの最後の値は55であり、iとjの値が5に等しい場合、サイクルは終了する.contine文は同じ方法で使用できます.

var iNum = 0;

outermost:
for (var i=0; i<10; i++) {
 for (var j=0; j<10; j++) {
 if (i == 5 && j == 5) {
 continue outermost;
 }
 iNum++;
 }
}

alert(iNum); //   "95"

上記の例では、continue文は循環を強制的に継続させ、内部循環だけでなく、外部循環も同様である.jが5に等しいとき、このような場合は、内部サイクルが5回の反復を減らすことを意味し、iNumの値が95になる.
ヒント:breakとcontinueと連携して使用するラベル文は非常に強力ですが、過度に使用するとデバッグコードに迷惑がかかります.使用するラベルには説明性があり、多すぎるループを入れ込まないようにします.
以上が今日のjavascript学習のまとめです.これからも毎日更新しますので、引き続き注目してください.