1. 程式人生 > 實用技巧 >JavaScript基礎語法之資料結構(宣告:大部分來自菜鳥教程)

JavaScript基礎語法之資料結構(宣告:大部分來自菜鳥教程)

JavaScript基礎語法之資料結構(宣告:大部分來自菜鳥教程)

var 這是 js 中的 用於儲存資訊的"容器"。 ES 6 有了區域性表示let

//擁有動態型別 一種數字型別 
var x1=34.00;
//字串型別
var carname="Volvo XC60";
//布林型別
var x=true;
var y=false;
//陣列 有三種寫法
NO1.var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
NO2.var cars=new Array("Saab","Volvo","BMW");

NO3.var cars=["Saab","Volvo","BMW"];(上面的簡寫)

// 物件由花括號分隔。在括號內部,物件的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔:
var person={
firstname : "John",
lastname : "Doe",
id : 5566
};

JavaScript 物件

var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
//訪問物件屬性 有兩種方法
person.lastName;
person["lastName"];
//練習
person={ 1:1, "張三":23, 23:"張三", "李四":car=["cars",'color','red'], "王五":new Array("張三","歷史"), "趙六":{"2":21,"柴油機":"馬超"}}alert(person.趙六.柴油機) alert(person["趙六"["柴油機"]])//錯誤寫法
alert(person.趙六.柴油機)
//你可以使用以下語法建立物件方法:
methodName : function() { code lines }
//菜鳥教程程式碼
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
//取值
document.getElementById("demo").innerHTML = person.fullName();
//
</script>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo1").innerHTML = "不加括號輸出函式表示式:" + person.fullName;
document.getElementById("demo2").innerHTML = "加括號輸出函式執行結果:" + person.fullName();
</script>
</body>
</html>

練習 注意兩點 person.fullName和person.fullName()區別