jsonと配列の違い

3600 ワード

jsonの定義

    //JSON: JavaScript Object Notation(JavaScript      )
    //JSON              
    // JSON             。
    //                。
    var a=3;
    var b='abc';
    var c='  ';
    var json={a:3,b:'abc',c:'  '};
    json .a++;
    alert(json.a);

jsonと配列の違い

    var json={a:12,b:5,c:7};
    var  arr=[12,5,7];
    // alert(json.a); =>alert(json['a']) json       
    // alert(arr[0]);//        

    // alert(json.length);    undefined
    // alert(arr.length);       3

    //  
    // for(var i=0;i<arr.length;i++){   
    //     alert(' '+i+'   '+arr[i]);  
    // }
    // for (var i in arr){        
    //     alert(' '+i+'   '+arr[i]);
    // }
  for (var i in json){  //json      for in
      alert(' '+i+'   '+json[i]);
  }

undefinedが発生した場合:1.定義2.指定されていません
jsネーミング仕様および必要性
可読性——読める
規範性——適合規則
パラメータ:値を関数に渡す
戻り値:関数のいくつかの値を外に渡す
 
Argument像配列(本物の配列ではなくagrumentsオブジェクト)にはlength属性があります.
関数にパラメータを渡す数を表すことができます
詳しく説明するhttp://www.360doc.com/content/13/0815/15/9671833_307346675.shtml

    function sum() {
        // alert(arguments.length);
        // alert(arguments[0]);
        var  result=0;
        for (var i=0;i<arguments.length;i++){
            result+=arguments[i];
        }
        return result;
    }
    alert(sum(12,6,8))



CSS  

CSS(oDiv,'width')/スタイルの取得
CSS(oDiv,'width','200 px')/設定スタイル

    function css(obj, name, value) { //css     
        // alert(obj==arguments[0]);

        if (arguments.length==2){ //    
           //return arguments[0].style[arguments[1]]; // CSS(oDiv, 'width')           css()       
            return abj.style[name]; //css()        
        }
        else {
            // arguments[0].style[arguments[1]]=arguments[2];// CSS(oDiv, 'width' , '200px')    
            abj.style[name]=value;
        }
    }
    window.onload=function () {
        var oDiv=document.getElementById("div1");
        // alert(css( oDiv,'width'));     
        css(oDiv,'background-color','green');     
    }

行間/非行間スタイルをとる



    
    Title
    





    window.onload=function () {
        var oDiv=document.getElementById('div1');
        // alert(oDiv.style.width);         
        //alert(oDiv.currentStyle.width);              ie8  
        // alert(getComputedStyle(oDiv,false).width);   chrome,f;
        if (oDiv.currentStyle){
            //IE
            alert(oDiv.currentStyle.width);
        } else{
            //EF
            alert(getComputedStyle(oDiv,false).width);
        }
    }




    function getStyle(obj,name) { //    
        if (obj.currentStyle){
            return obj.currentStyle[name];
        } else {
            return getComputedStyle(obj,false)[name];
        }
    }
    window.onload=function () {
        var oDiv=document.getElementById('div1');
        alert(getStyle(oDiv,'width')); //                ,       
    }