1. 程式人生 > >JavaScript物件與陣列(1)

JavaScript物件與陣列(1)

物件與陣列

1.屬性和方法

屬性是與物件相關的值,方法是能夠在物件上執行的操作.
字串物件擁有內建的屬性length.

var txt="Hello";
txt.length=5;

在面向物件的語言中,屬性和方法常被稱為物件的成員.

1.1 訪問物件的屬性

訪問物件屬性的語法格式如下:
objectName.propertyName
例如使用String物件的length屬性來獲得字串的長度:

var message="Hello World!";
var x=message.length;

1.2 訪問物件的方法

訪問物件的語法格式:

objectName.methodName();

例如使用String物件的toUpperCase()方法來將文字轉換為大寫:

var message="Hello World!";
var x=message.toUpperCase();

2. 建立JavaScript物件

建立新物件有如下兩種不同的方法:
(1) 直接建立物件的例項.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   <script>
      var person=new Object();
      person.firstname="Bill";
      person.lastname="Gates";
      person.age=56;
      person.eyecolor="blue";
      document.write(person.firstname+" is "+person.age+" years old.");
   </script>
</body>
</html>

(2) 使用函式來定義物件,然後建立新的物件例項.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   <script>
      function person(firstname,lastname,age,eyecolor)
      {
      	this.firstname=firstname;
      	this.lastname=lastname;
      	this.age=age;
      	this.eyecolor=eyecolor;
      }
      var myFather=new person("Bill","Gates",56,"blue");
     
      document.write(myFather.firstname+" is "+myFather.age+" years old.");
   </script>
</body>
</html>

3.Number(數字)物件

(1)建立Number物件

var firstNumber=new Number(123);

(2)方法
toFixed():該方法用於擷取指定小數點位數的數字,它擷取的不僅僅是小數位,同時根據擷取位置的下一位小數位進入四捨五入.

var myNumber=10.739;
var fixedNumber=myNumber.toFixed(2);
輸出10.74

4.Math(數學)物件

Math物件是一個 全域性物件,在使用Math物件時,不能使用new關鍵字建立物件例項,而應直接使用"物件名.成員"的格式來訪問其屬性或方法

4.1. 方法

  • abs()方法:abs()方法返回傳入引數的絕對值.
    var myNumber=-101;
    document.write(Math.abs(myNumber));
  • ceil()方法:ceil(n)將返回大於或等於n的最小整數.ceil()方法是向上取整
    var myNumber=101.01;
    document.write(Math.ceil(myNumber));
  • floor()方法:與ceil()方法類似,不過floor()方法是向下取整,即floor(n)將返回小於或等於n的最大整數.
var myNumber=101.01;
document.write(Math.floor(myNumber));
  • round()方法:對一個數值進行四捨五入.
var myNumber=44.5;
document.write(Math.round(myNumber));
  • random()方法:返回一個0 ~ 1之間的隨機數,包含0但是不包含1, Math.random()*100得到0 ~ 100之間的隨機數.
document.write(Math.random());
  • pow()方法:計算一個指定的冪,通常具有pow(n,m)形式.第一個引數n表示用於求冪的底數,第二個引數表示指數.