JavaScriptにおける常用方法のまとめ


  • Mathオブジェクト常用方法
  • Math.pow(2,53)          //2 53  
    Math.round(.6)          //1.0     
    Math.ceil(.6)           //1.0     
    Math.floor(.6)          //0.0     
    Math.abs(-5)            //5     
    Math.max(2,9,5)         //     
    Math.min(12,5,4)        //     
    Math.random()           //        0  1.0     
  • Dateオブジェクト常用方法
  • var now = new Date();                                   //       
    var then = new Date(2011,0,1);                          //2011 1 1 
    var later = new Date(2011,0,1,17,10,30);                //        5:10:30pm             
    var elapse = now - then ;                               //               
    later.getFullYear();                                    //2011    
    later.getMonth();                                       //0  0      
    later.getDate();                                        //1  1      
    later.getDay();                                         //5      ,0     ,5     
    later.getHours();                                       //     17:10 pm
    later.getUTCHours();                                    //  utc       ,    
    
  • Stringオブジェクト常用方法
  • //   ,  JavaScript          ,  replace() toUpperCase()           ,             。
    // es5            ,    charAt()  ,                    。
    //slice substr substring  concat                                 
    var s= "hello word";
    s.charAt(0);                //"h"      
    s.chatAt(s.length-1);       //"d"       
    s.substring(1,4);           //"ell"  2~4    ,            0
    s.slice(1,4);               //"ell"   
    s.slice(-3);                //"rld"       ,     3          
    s.indexOf("l");             //2   l       
    s.lastIndexOf("l");         //10   l         
    s.indexOf("l",3);           //3    3         l   
    s.split(", ");              //["hello", "world"]       
    s.replace("h", "H");        //"Hello, word"       
    s.toUpperCase();            // "HELLO, WORLD"
    s.concat("again")           // "hello word again"
    s.concat("word", "!");      // "hello word word!"
    s.substr(0,4);              // "hell"                         。
    s.substr(-3);               // "rld"                   ,          0 
    
    
    var str=" hello word ";     
    s.trim(str);                //                 
  • RegExp、パターンマッチング
  • var text = "testing:1,2,3";
    var pattern = /\d+/g ;          //                
    pattern.test(text)  ;           //true     
    text.search(pattern) ;          //9          
    text.match(pattern) ;           //["1","2","3"]          
    text.replace(pattern, "#") ;    //"testing:#,#,#"   
    text.split(/\D+/);              //["","1","2","3"]             
  • Boolean
  • undefined  null  0  -0  NaN  ""     //  JavaScript           。          false;
                                        //     ,           true。false   6      false。
    
    if((x == 0 && y == 0) || !(z == 0)){        //x y  0 z  0
    
    }
  • null undefined
  • //     null             ,      ,   ,      。
    
    typeof(null)                    //object    null//undefined       ,         ,         ,                  undefinednull == undefined              // true
    null === undefined              // false
  • グローバルオブジェクト
  • //     JavaScript     ,               ,JavaScript        , JavaScript      (    web           ),           ,            :
    
        //     undefined  Infinity  NaN
        //     isNaN()  parseInt() eval()
        //     Date()  RegExp()  String()  Object()  Array()
        //     Math JSON
    
    //               ,             。
    //             ,                 。
  • 可変の元の値と可変のオブジェクト参照
  • //           :              。
    //              ,            ,                       ,JavaScript        。
    
    
    //           ,         。
    //       ,        ,            。
    //           ,                  ,        。                 。
    var o = {x:1}, p={x:1};             //           
    o === p ;                           //false           
    var a=[],b=[];                      //        
    a === b ;                           //false            
    
    //                   。
    var a=[];           //            a
    var b = a;          //  b a       
    b[0]=1;             //    b       
    a[0];               //1   a    
    a === b;            //true a b               
    
    //               ,                       。                   
    var a=["a","b","c"];
    var b=[];
    for(var i=0;i//                  ,             。                  
    function equalArrays(a,b){
        if(a.length != b.length){
            return false;
        }
        for(var i=0; iif(a[i] !== b[i]){
                return fasle;
            }else{
                return true;
            }
        }
    }
  • タイプの変換
  • //            NaN
    10+" object";       //"10 object"   10      
    "7" * "4" ;         //28            
    var n=1-"x";        //NaN     "x"        
    n+ " object";       //"NaN object" NaN      NaN
    
    // null         0
    // " "         0
    // "1.2" (  ,  )        0
    // "one" (  ,   )       NaN
    // -0           0
    //     []        0                       0
    //              ""
    //     ["a"]         NaN
    
    //                 ,            ,                                ,                NaN。
    
    // "=="                   
    "0" == false            //