DIV CSS 佈局教程網

1. 談談Javascript的對象

Javascript作為一種弱語言類型的語言，同時也是一種動態類型的語言。在使用Javascript的過程中，也常常需要用到Javascript的內置對象以及自定義的對象。

1.1 如何創建對象
Javascript是一種弱語言類型的語言，不必像Java、C#等高級語言那樣必須通過構造函數的方法來創建對象，在Javascript中，主要有兩種創建對象的方法，一種是直接通過new關鍵字定義，一種是通過函數來定義。如下：

  //第一種方式，直接通過new創建對象；
  var demo = new Object();
  demo.name = "Anderson";
  demo.sex = "male";
  demo.age = 23;

  //第二種格式，直接實例化,基本上和Json語法是一致的，一般作為第一種方式的替代語法。
  var demo = {name:"Anderson",sex:"male",age:25};

  //第三種格式，通過構造器來創建對象
  function Demo(name,sex,age){
    this.name = name;
    this.sex = sex;
    this.age = age;
  }
  var demo = new Demo("Andeson","male",25);

1.2 如何修改對象

Javascript和高級語言的對象語法是不一樣的，總的來說，其限制比較少，當創建完對象後，可以對對象的屬性、方法等進行動態的修改，比如添加一個新的屬性，添加一個新的方法等。

  var demo = {Name:"Anderson"}；
  demo.Sex = "male";

1.3 理解Javascript中的數字對象

在Javascript中，所有的數字都是64位，所有數字均由浮點類型組成。Javascript中采用的是IEEE754標准定義的64位浮點數格式表示數字，它能表示最大值為±1.7976931348623157 x 10308，最小值為±5 x 10 -324。

  var demo1 = 7;    //十進制表示法
  var demo2 = 07;   //八進制表示法
  var demo3 = 0x12;  //十六進制表示法

  var demo4 = 12e12;  //科學計數法表示法
  var demo5 = 12e-12; //科學計數法表示法

  var demo7 = 128;
  var demo8 = demo7.toString(16); //轉化為十六進制
  var demo9 = demo7.toString(8);  //轉化為八進制
  var demo10= demo7.toString(2);  //轉化為二進制

  var demo11= Infinity;   //無窮大表示法
  var demo12= isNaN(100);  //非數字值表示法

  var demo13= typeof(12);       //數字的類型為 Number
  var demo14= typeof(new Number(12)); //Number的類型為Object
  var demo15 = (demo13 == demo14);   //兩者相等
  var demo16 = (demo13=== demo14);   //兩者不相等

1.4 理解Javascript中的字符串對象

  var str = "Hello,Anderson";

  var demo1 = str[0];        //通過索引，獲取字符串中的字符,超出最大值則返回undefined
  var demo2 = str.indexOf("H");   //獲取目標字符串在源字符串中的位置，找不到則返回 -1
  var demo3 = str.length;      //獲取字符串的長度
  var demo4 = str.lastIndexOf("H"); //獲取目標字符串在源字符串中的位置，從串尾開始找，找不到返回-1
  var demo5 = str.match("Anderson");//從源串中匹配目標串，若有，則返回目標串，否則，返回返回 null
  var demo8 = str.replace("A","d"); //將源串中的目標串替換為替換串
  var demo9 = str.toUpperCase();  //轉換為大寫
  var demo10= str.toLowerCase();  //轉換為小寫
  var demo11= str.split("d");    //轉化為數組

  var demo12= "\'";    //表示單引號
  var demo13= "\"";    //表示雙引號
  var demo14= "\\";    //表示斜槓
  var demo15= "\n";    //表示換行
  var demo16= "\r";    //表示回車
  var demo17= "\t";    //表示制表符
  var demo18= "\b";    //表示空格
  var demo19= "\f";    //表示換頁

1.5 理解Javascript中的日期對象

  var demo1 = new Date();      //創建對象，當前日期
  var demo2 = new Date(22e9);    //創建對象，毫秒數
  var demo3 = new Date("2016-06-04");//創建對象，日期字符串
  var demo4 = new Date(2016,5,12,12,12,12); //創建對象，年月日時分秒

  var demo5 = (demo1 > demo2);    //比較日期

1.6 理解Javascript中的數組對象

  var demo1 = new Array(1,2,3,4);    //創建數組
  var demo2 = [1,3,4,5];        //創建數組
  var demo3 = demo1.concat(demo2);   //合並數組
  var demo5 = demo1.concat(demo2,demo3);//合並數組

1.7 理解Javascript中的正則對象RegExp

RegExp是正則表達式(Regular Expression)的縮寫。正則表達式主要用於文本的檢索。其基本的語法形式如下：

  var pattern = new RegExp(pattern,modifiers); //通過構造方法創建正則對象
  var pattern = /pattern/modifiers;       //直接聲明正則對象

  //其中，修飾符modifiers有兩種，i和g，i表示不區分大小寫，g表示全文檢索
  //pattern表示檢索模型

  var str = "Hello, Anderson Lu"；
  var pattern = /llo/gi;
  var demo1 = str.match(pattern); //使用實例

  var pattern2 = new RegExp("\\Lu\\gi");
  var demo2 = pattern2.test(str); //判斷str中是否有符合模式pattern2的串，返回true或者false
  var demo3 = pattern2.exec(str); //返回匹配的字符串

好了，本文到此就結束了，除此之外，還有一些其他的對象，比如Math算術和布爾等等。大家可以通過來進行學習。