1. 程式人生 > >JavaScript中的對象及其方法

JavaScript中的對象及其方法

數量 添加元素 截取 for 字母 -1 多維 java nbsp

1.數組對象:

javascript中數組是一種特殊的對象。創建一個新的數組類似於創建一個對象實例,通過new運算符和相應的數組構造函數完成。數組的構造函數是Array(),可以接受多個參數,編寫方法如下:

var myArray=new Array();
var myArray=new Array("北京","奧運會",100,true);//具有四個元素的數組
var myArray=new Array(5);//創建一個指定元素數量的數組,元素的值是Undefined
/*創建完數組通過下標訪問各個元素,下標從0開始*/

Jvascript數組是稀疏的,即數組元素下標不是連續存儲在內存中的,如創建一個空數組,分別添加一個下標為0的元素和一個下標為100的元素,內存只會給這兩個元素分配空間。

  多維數組:(適合表格數據存儲)

/*多維數組的創建與訪問*/
var
Array1=new Array(1,2,3); var Array2=new Array(1,2,3); var Array3=new Array(1,2,3,4); var Array4=new Array(Array1,Array2,Array3); for(var i=0;i<Array4.length;++i) { document.write("<hr/>") for(var j=0;j<4;++j) { document.write(Array4[i][j]); } }

數組的方法:

  • join方法和contact方法

/*join方法可使用指定的分隔符號把數組中的元素值拼接起來,以字符串形式返回給程序*/
/*contact可以把兩個數組合並,然後返回給新的數組,新數組在返回的同時創建*/
var Array1=new Array(1,2,3);
document.write(Array1.join("Q"));
//結果:1Q2Q3

var Array1=new Array(1,2,3);
var Array2=new Array("q","z","e");
var Array3=Array1.concat(Array2);
document.write(Array3);
//打印結果1,2,3,q,z,e
  • push和pop方法

//push()方法可在數組尾部添加元素,並返回修改後的數組長度
//pop()方法則在數組尾部刪除1個元素並返回元素值

var Array1=new Array(1,2,3);

document.write("增加一個元素後的數組長度:"+Array1.push(4));
document.write("<br/>數組元素是:"+Array1);
document.write("<br/>刪除的元素是:"+Array1.pop());
  • unshift和shift方法

//unshift方法和push方法類似。是向數組頭部添加一個元素
//shift方法與pop方法類似,是刪除數組頭部的元素並返回刪除的元素

  • reverse()方法和sort()

//reverse是把數組原有的元素順序倒置,並返回倒置後的數組
//sort方法是對數組所有元素進行排序,並返回排序後的數組,sort()無法無參數運行時按字母順序排序,而未定義類型元素將被排在數組尾部。
  • slice()方法

/*用於截取數組的一部分,返回一個子數組,其參數為起始點元素到終點元素,子數組不包含終點元素。
參數只有1個:代表從這個元素一直截取到最後一個元素
參數為負數:代表從數組尾部開始定位起始元素位置(若為-2,代表倒數第二個元素)
*/
var Array1=new Array(1,2,3,8,9,9,5);
document.write("截取數組中3到5元素:"+Array1.slice(3,5)+"<br/>");
document.write("截取數組中3到尾部元素:"+Array1.slice(3)+"<br/>");
document.write("截取數組中最後3個元素:"+Array1.slice(-3)+"<br/>");

  • splice方法()

/*splice是插入或刪除數組的通用方法
splice(起始處,刪除數量);
splice(起始處,刪除數量,插入元素值1,插入元素值2);
*/

2.日期對象

日期對象可以用於獲取日期時間,並可通過對象的方法進行日期時間的相關操作,創建方法:

var myNow=new Date();
/*按不同的格式給日期對象設置初始值*/
var myData=new Date("月 日,年,時:分:秒");
var myDate=new Date("月 日,年");
var myDate=new Date("年,月,日,時,分,秒")
var myDate=new Date("年,月,日");
var myDate=new Date("毫秒數");

Date日期對象的方法(兩種格式:本地日期和格林尼治時間GMT))

  • get()前綴方法組:

技術分享

  • set前綴方法組

技術分享

  • 轉字符串方法組

可以把日期格式按需要轉換為字符串格式。

var myDate=new Date();

document.write("<hr/>現在的日期是:"+myDate.toDateString());
document.write("<hr/>現在的日期是:"+myDate.toLocaleDateString());
document.write("<hr/>現在的日期是:"+myDate.toLocaleString());
document.write("<hr/>現在的日期是:"+myDate.toString());
document.write("<hr/>現在的日期是:"+myDate.toTimeString());

3.數學運算對象

數學運算對象Math不需要創建實例,直接訪問其屬性和方法,在面向對象的程序設計中稱為靜態屬性和靜態方法。Math對象的屬性為數學中的常數值,即恒定不變的值,只能讀取,不能寫入。Math對象常用的屬性表如下所示:

技術分享

技術分享

4.字符串對象:

字符串對象的屬性只有2個(length,prototype)

字符串對象的方法:

1.HTML格式替代方法

技術分享

2.操作方法

技術分享

技術分享

5.函數對象

屬性:

  length和prototype。length只讀屬性,獲取函數的參數個數;prototype用於擴展對象的屬性和方法。

JavaScript中可以創建函數對象,這種定義方式是在程序運行時創建的,所以執行速度慢一些,創建方法如下:

var myfunction=new Function(參數1,參數2,...,參數n,函數體);

myfunction是一個變量,用於存儲函數對象實例的引用。函數對象實例沒有函數名,所以也叫作匿名函數。

方法:

  1. apply(x,y)將函數綁定為另一個對象的方法,x參數為對象實例名稱,y參數為所傳遞的參數,y可以為數組。該方法執行後,函數體內的this將指向x對象實例。
  2. call(x,y1,y2,...,yn)功能同apply一樣,x參數為對象實例名稱,y1~yn參數為所傳遞的參數。
  3. toString()返回函數的字符串形式。

JavaScript中的對象及其方法