11(H 5*)js 1日目の基本データタイプ、変数

59039 ワード

目次
 1: jsの紹介
2:jsコードを書くときの注意点
3:変数
4:変数の名前と役割
5:変数の種類
6:Numberタイプ
7:ストリングスタイプ
8:タイプ変換
9:操作記号
  
 復習する
<script>
    /*
    *
    *   :
    * JavaScript   JS
    * JavaScript   ?
    *        :     ,    
    *          :             
    * C#            ,      , .net     
    *           ---   
    *           ---   
    *          ,          var
    *       :C#  ----->
    *       : int num=10; float num2=90.3;
    *
    * JS     :
    * 1. ECMAScript  : js      
    * 2. DOM
    * 3. BOM
    *
    * JS    10     
    *
    *   ---  :    (    ,    )
    *      :
    * var     ;
    * var num;
    *       
    * var     = ;---->        
    * var str="   ";
    * js        
    * js            ,        ---         
    * js             ;
    *     :
    * js        : number,string,boolean,undefined,null,object
    * null undefined          ,null      ---      
    * NaN----      ,             --->    NaN
    * isNaN()--->                     ---           true,         false
    *
    * number    ----           number     
    * string    ----   ,        :   .length
    * boolean    ---   ,true,false
    * null----    ,null
    * undefined----    ,undefined,       ,    
    * object---  -----         
    *
    *     :
    *        
    * parseInt()---->   
    * parseFloat()--->   
    * Number()---->   -----        
    *         
    * .toString()
    * String();
    *
    *          
    * Boolean()---->   true   false
    *
    *    :----   
    *      : + - * / %
    *      : += -= *= /= %=
    *      :  =          
    *      : ++  --
    *      : ? :
    *      : > < >= <= == === != !==
    *      : && || !
    *
    *              
    *              
    *
    *    1&&   2
    *       false,      false
    *    1||   2
    *       true,     true
    * !   ---      
    *
    *    :         
    *
    *
    *
    *
    *
    *
    *
    *
    *
    *
    *
    *
    *
    *
    *
    * */
    //           ,           ,  -   *      ?              ?          ?       webstorm       ?       ?

//    var ch="a";
//    var num=10;
//    console.log(ch*num);
//
//    console.log(num);


//    //           1 true,0 false      ?
//    console.log(Boolean(1));//true
//    console.log(Boolean(0));//false
//    console.log(Boolean(11));//true
//    console.log(Boolean(-10));//true
//    console.log(Boolean("  "));//true
//    console.log(Boolean(""));//false
//    console.log(Boolean(null));//false
//    console.log(Boolean(undefined));//false
  script>
 
1:jsの紹介
 <script>


    /*
    *
    * JavaScript :  :js
    * js     :
    * 1. ECMAScript   ----js      
    * 2. DOM------Document Object Model        
    * 3. BOM------Browser Object Model         
    *
    *
    * JavaScript   ?
    *        
    *         
    *           
    *           
    *
    *     :                    ,     
    *     :     ,    
    *        :t-sql,cmd
    *
    *      ---->  --->      --->  
    *      ---->  --->   --->js  
    * js    JavaScript,  LiveScript
    * js   ?                
    * js       ?
    *
    *
    * HTML:     ,     
    * CSS:    
    * JavaScript:        ,
    *
    *
    *
    * */
  script>
 
 
2: jsコードを書くときの注意点
//jsコードの注意事項
    /*
    *
    *  1.ペアのscriptのラベルに間違ったjsコードがあると、このエラーコードの後のjsコードは実行されません.
    *  2.最初のペアのscriptタグにエラーがあったら、後のscriptタグの中のjsコードの実行に影響を与えません.
    *  3.scriptのラベルにはどんな内容が書けますか? type=「text/javascript」は標準的な書き方です.またはlaguage=「JavaScript」を書いてもいいです.
    *  しかし、現在私達のhtmlページでは、typeとlangageは省略できます.これはh 5の基準に準拠しています.
    *
    *  4.scriptタグにはtypeとlaguageの書き方が同時に出現する可能性があります.
    *
    *
    *  5.scriptタグはページに複数のペアが表示されます.
    *  6.scriptタグは通常bodyのタグの最後に置くもので、ある時はheadタグの中にあります.現在の授業はbodyタグの後ろにあります.(bodyの中の最後)
    *
    *  7.scriptタグが外部のjsファイルを導入する役割であれば、このラベルには何のjsコードも書かないでください.書くなら、もう一対のscriptタグを書き直して、中にコードを書きます.
    *
    * */
 
 
3:変数
  <script>

    /*
     *   :========>
     *              
     * js            (  , --->  )
     * js       var---->    ,            
     * js                   
     *
     *       10
     *         
     * var num=10;
     *       
     * var name='  ';
     *
     * */

    /*
     *
     *   ---  ,            
     *
     *     ( var      ,   )
     *
     *      ( var      ,  )
     *
     *        :
     * var     ;
     *
     * */

    //var number;//     ,        ,
    //         
    //var x,y,z,k,j;//    ,    

    //      (            )
    //   =    :     
    //      10
    var number = 10;
    //    5
    var number2 = 5;
    //        
    var name = "  ";
    //   (true)
    var flag = true;
    //    null--->     
    var nll = null;
    //      
    var obj = new Object();
  script>
 
 
4:変数の名前と役割
  <script>

    /*
    *
    *
    *     :       (    ,    )
    *      :    
    * var    ;
    *       :   
    * var    = ;
    *
    *            
    * js       var
    * js               ;(         )
    * js         : var N=10; n
    * js            ,        ,           
    *
    *         ---        ,        
    * 1.         ,
    * 2.         :     ,$  ,     ,         $  ,  ,  
    * 3.          
    * 4.          ,             ,                 ,        :     
    * 5.       (         ,    )
    * 6.       ,           
    *
    * var bigNumber=10;
    *
    *
    *
    *
    *
    *
    * */

    //        ---      ----      
    //     num          100
    //var num=100;
    //        
    //alert(num);//  
    //                    (   :F12) console    
   // console.log(num);//              

    //               
//    var num1,num2,num3;//  
//    //     
//    num1=10;
//    num2=20;
//    num3=30;

    //          
    //var num1=10,num2=20,num3=30;



//    var num=10;

//    var $break=10;

//    var shuZi=10;



  script>
 
 
5:変数の種類
 
          undefined         ,  :NaN      ,     
 
  <script>
    //        
    //    var num=10;
    //js         ?
    //js        :number,string,boolean,null,undefined,object
    /*
     * number:    (     )
     * string:     (                   )  "34"
     * boolean:    (     ,true( 1),false( 0))
     * null:   ,     :null,         ,       null
     * undefined:   ,     :undefined
     *          undefined
     *      ,    ,   undefined
     *          ,     ,    undefined
     *           undefined         ,  :NaN      ,     
     * object:  ---->
     *
     * */

    //    var num;
    //    console.log(num+10);//NaN-----not an number---->      


    //    var num;
    //    console.log(num);


    //                ?   typeof    
    //typeof       
    /*
     *                  !
     * typeof    
     * typeof(   )
     *
     *
     *
     * */


    var num = 10;
    var str = "  ";
    var flag = true;
    var nll = null;
    var undef;
    var obj = new Object();
    //   typeof        
    console.log(typeof num);//number
    console.log(typeof str);//string
    console.log(typeof flag);//boolean
    console.log(String(nll));// null
    console.log(typeof nll);//  null
    console.log(typeof undef);//undefined
    console.log(typeof obj);//object
    console.log(typeof(num));
    //
    //
    //    console.log("10");
    //    console.log(10);


  script>
 
 
6:Numberタイプ
  <script>
    //var num = 12;
    /*
    *     :     
    *
    * num=20;  
    * num=98.76;  (      ,   ---   ,     )
    *          number  
    *      :
    *     :int
    *       :float
    *       :double
    *
    *   :       8 ,       8 ,
    *    :  2  
    *
    *   00000001-----1
    *   00000010-----2
    *   00000011-----3
    *   00000100-----4
    *   00000101----5
    *   00000110----6
    *   00000111-----7
    *   00001000-----8
    *   00001001----9
    *    :  8  
    *   00000001
    *   00000002
    *   00000003
    *   00000004
    *   00000005
    *   00000006
    *   00000007
    *   00000010-----8
    *   00000011-----9
    *   00000012-----10
    *    :  10  
    *   0
    *   1
    *   2
    *   3
    *   4
    *   5
    *   6
    *   7
    *   8
    *   9
    *   10
    *     :  f  
    * 00000001
    * 00000002
    * 00000003
    * 00000004
    * 00000005
    * 00000006
    * 00000007
    * 00000008
    * 00000009
    * 0000000a----10
    * 0000000b---11
    * 0000000c----12
    * 0000000d---13
    * 0000000e---14
    * 0000000f---15
    * 00000010---16
    * 00000011---17
    * 00000012---18
    * 0f12a
    *
    * */


    /*
    *
    *
    * js         
    * var num=10;//   
    * var num2=012;//   
    * var num3=0x123;//    
    *
    *
    * */


//    var num=12;//   
//    console.log(num);
//    var num2=012;//   
//    console.log(num2);
//    var num3=0x1a;//    
//    console.log(num3);


//    var num=0x1f;
//    console.log(num);


  script>

  <script>


    //       :        
//    console.log(Number.MAX_VALUE);//      
//    console.log(Number.MIN_VALUE);//      


    //          .
//    var x=0.1;
//    var y=0.2;
//    var sum=x+y;
//    console.log(sum==0.3);


    //   NaN     NaN

//    var num;
//    console.log(num+10==NaN);
//    console.log("  "=="  ");

    //           NaN,    isNaN()

    //var num;//-----     ,    ,   :undefined
    //         ----->       ? NaN--->      
    //console.log(isNaN(10));

    //              isNaN(   )

    //var str="  ";
//    var num;
//    var sum=num+10;//NaN
//    console.log(sum);
//    console.log(isNaN(sum));//     true,      false
  script>

  <script>

    //  :
    /*
    *
    *     :number  
    *                
    *          
    *     NaN     NaN,    isNaN(      )
    *        :       
    *        : 0  
    *         :0x  
    *
    *
    *
    * */
  script>
 
 7:ストリングスタイプ
<script>
    //var str="10";//   
    //var str2='20';//   

    //          ,        

    //          ?    .length

    //    var str="what are you no sha lei";
    //    //          ?           
    //    console.log(str.length);
    //
    //    var str1="fdshfjworwoijpfskj;akjfpojfiwnmoiwajdoiwajiwaewowj";
    //    console.log(str1.length);

    //html     : <  < > >   :  
    //js           

    //tab ----     
    //    console.log("  \\  ");
    //    console.log("  \t  ");
    //    console.log("  \"  ");
    //
    //
    //    console.log('  \'  ');


    //      :   +                   
    //         ,      ,        ,    
    //         ,        ,  -  ,       
    //    var str1="  ";
    //    var str2="  ";
    //    console.log(str1+str2);

    //console.log("  "+"  "+"  ");
    //    var str1="10";
    //    var str2="20";
    //    console.log(str1+str2);

    //    var str1="10";
    //    var str2=20;
    //    console.log(str1+str2);


//    var str1 = "10";
//    var str2 = 5;
//    //                       ,     :    
//    console.log(str1-str2);

//    var str1="10";
//    var str2=5;
//    console.log(str1*str2);



  script>
 
8:タイプ変換
<script>
    //    


    //         :    :
    //1.parseInt();//   

    //    console.log(parseInt("10"));//10
    //    console.log(parseInt("10afrswfdsf"));//10
    //    console.log(parseInt("g10"));//NaN
    //    console.log(parseInt("1fds0"));//1
    //    console.log(parseInt("10.98"));//10
    //    console.log(parseInt("10.98fdsfd"));//10

    //2.parseFloat()//   

    //    console.log(parseFloat("10"));//10
    //    console.log(parseFloat("10afrswfdsf"));//10
    //    console.log(parseFloat("g10"));//NaN
    //    console.log(parseFloat("1fds0"));//1
    //    console.log(parseFloat("10.98"));//10.98
    //    console.log(parseFloat("10.98fdsfd"));//10.98
    //3.Number();//   
//    console.log(Number("10"));//10
//    console.log(Number("10afrswfdsf"));//NaN
//    console.log(Number("g10"));//NaN
//    console.log(Number("1fds0"));//NaN
//    console.log(Number("10.98"));//10.98
//    console.log(Number("10.98fdsfd"));//NaN

    //  :      parseInt(),      parseFloat()
    //     :Number();           

    //          
    //1    .toString()

//    var num=10;
//    console.log(num.toString());//     
//    //2  String();
//
//    var num1=20;
//    console.log(String(num1));

    //         .toString()    .
    //     :     、    。。。  null。
    //          String()  

//    var num2;
//    console.log(num2.toString());
//    var num3=null;
//    console.log(num3.toString());

    //    
//    var num2;
//    console.log(String(num2));
//    var num3=null;
//    console.log(String(num3));


    //         

    //1  Boolean( );
//
//    console.log(Boolean(1));//true
//    console.log(Boolean(0));//false
//    console.log(Boolean(11));//true
//    console.log(Boolean(-10));//true
//    console.log(Boolean("  "));//true
//    console.log(Boolean(""));//false
//    console.log(Boolean(null));//false
//    console.log(Boolean(undefined));//false


//    var str=10;
//    console.log(+str);


  script>
 
 9:操作記号
 <script>
    /*
     *
     *    :    -----    
     *
     * 1:     :  +  -  * / %
     * 2:       :              
     * 3:     :                        ++  --
     * 4:     :                  ,
     * 5:     : -----  ,   
     * 6:     : +=  -=  *= /= %=
     * 7:       :              
     *
     * var num=10;
     * num+=10;------>  :num=num+10;
     * console.log(num);20
     *
     *
     * 8:     : >  <  >=  <=  ==     ===    !=       !==     
     * 9:       :              
     *                     
     * 10:     :
     * &&---   --  
     * ||---   ---  
     * !---   ---  --  
     * 
     *  11:       :              
     *    1&&   2
     *       false,       false
     *    1||   2
     *       true,      true
     * !   1
     *    1    true,     false
     *    1    false,     true
     *
     * 12:      :  =
     *
     *
     *
     *
     * */
    //    var num1=10;
    //    var num2=20;
    //
    //    console.log(num1==num2&&5>6);

    //    var num=20;
    //    console.log(num>10||5<0);

    //    var flag=false;
    //    console.log(!flag);

    //    var num=10;
    //    var sum=(num+10)*5;
    //    console.log(sum);


    //    var result = (4 >= 6 || ' ' != ' ' && !(12 * 2 == 144) && true);
    //    console.log(result);

//
//    var num = 10;
//
//    var result2 =( 5 == num / 2 && (2 + 2 * num).toString() === '22');
//    console.log(result2);


    //    var num=20;
    //    var result=num/3;//num   3  --->10/3   
    //    console.log(parseInt(result));


    //    var num=20;
    //    var result=num%3;//num   3  --->10/3   
    //    console.log(result);


    //    var num=10;
    //    var sum=(num+10)+10;

    //    var num = 20;
    //    num %= 5;
    //    //    num=num-5;
    //    console.log(num);

    //    var str="5";
    //    var num=5;
    //    console.log(str===num);

    //    console.log(5>10);//false
    //    console.log(5>=5);//true
    //    console.log(5>3);//true
    //    console.log(5==10);//false



    //   :              

    //        
//    var num=10;
//
//    var flag=true;
//
//    var str="   ";
//
//    var y=10;
//    var n=y;


  script>