JavaScript Object 物件 - Fooish 程式技術

JavaScript 物件(object) 是一個複合資料型態(composite data type)，可以儲存不定數量的鍵值對(key-value paris)，而一組鍵值對我們稱做物件的一個屬性( ... JavaScript教學JavaScript如何使用JavaScript語法JavaScript變數JavaScript資料型態JavaScript運算子JavaScript流程控制JavaScriptifelseJavaScriptswitchJavaScriptforJavaScriptwhileJavaScriptlabelJavaScriptFunctionJavaScript例外處理JavaScriptObjectJavaScriptNumberJavaScriptBooleanJavaScriptStringJavaScriptArrayJavaScriptDateJavaScriptMathJavaScriptRegExpJavaScriptJSONJavaScriptBOMJavaScriptwindowJavaScriptscreenJavaScriptlocationJavaScripthistoryJavaScriptnavigatorJavaScriptPopupJavaScriptTimerJavaScriptCookieJavaScriptDOMDOM查找元素DOM節點屬性DOM節點操作DOMHTML屬性DOMCSSDOM事件處理JavaScriptES6介紹ES6BlockScopeletconstES6ArrowFunctionsES6DefaultFunctionParametersES6Spread/RestOperatorES6ObjectLiteralExtensionsES6OctalBinaryLiteralsES6DestructuringES6super關鍵字ES6TemplateLiteralsES6for...of迴圈ES6Map/WeakMap物件ES6Set/WeakSet物件ES6class關鍵字ES6Symbol資料型態ES6Iterables/Iterators迭代器ES6Generator生成器ES6Promise物件JavaScriptAJAXJavaScript物件導向JavaScriptthisJavaScriptIIFEJavaScriptClosureJavaScriptHoistingJavaScriptObject(物件)JavaScript物件(object)是一個複合資料型態(compositedatatype)，可以儲存不定數量的鍵值對(key-valueparis)，而一組鍵值對我們稱做物件的一個屬性(property)。

一個屬性的值(value)可以是任何資料型態(也可以是函數)；而屬性的名稱(key/name)是一個字串型態。

物件宣告(CreatingObjects)有兩種方式可以建立一個物件：ObjectConstructor(物件建構式)用new關鍵字加上Object()來宣告一個物件：varmyObj=newObject(); ObjectLiteral(物件實字)objectliteral是最常用也最方便的語法，用{}就可以宣告一個物件：varmyObj={}; 物件的屬性(ObjectProperties)我們可以用.運算子來存取物件的屬性。

語法：objectName.propertyName 例如：varmyObj={}; //建立一個叫color的屬性，值是blue myObj.color='blue'; //存取物件屬性 varmyColor=myObj.color; 或用[]運算子來存取物件的屬性。

語法：objectName['propertyName'] 例如：varmyObj={}; //建立一個叫color的屬性，值是blue myObj['color']='blue'; //存取物件屬性 varmyColor=myObj['color']; 用[]特別的地方在於，中括號裡面可以是一個變數，例如：varmyObj={}; varpropName='color'; //建立一個叫color的屬性，值是blue myObj[propName]='blue'; //會輸出blue console.log(myObj[propName]); //但如果你用.運算子 //會新增一個叫propName的屬性，而不是叫color myObj.propName='blue'; 用[]運算子除了可以使用變數之外，還有當你的屬性名稱包含空白或點字元的時候。

例如myObj['hello...']='world'。

用objectliteral我們也可以在宣告物件時，同時建立屬性！語法：varobj={property1:value1,property2:value2,...,propertyN:valueN} 例如：//建立一個物件，這物件有兩個屬性color和height varmyObj={'color':'blue','height':101}; objectliteral中的屬性名稱的引號可以省略：//建立一個物件，這物件有兩個屬性color和height varmyObj={color:'blue',height:101}; 物件的方法(ObjectMethods)物件的屬性值如果是一個函數，我們稱它是物件的方法(method)。

物件的方法可以定義一個物件可以做的動作(action)，你可以像執行函數一樣執行一個物件的方法：objectName.methodName(); 例如：varme={ firstName:'Mike', lastName:'Lee', age:30, fullName:function(){ returnthis.firstName+''+this.lastName; } } //name='MikeLee' varname=me.fullName(); this是物件方法中可以使用的關鍵字，this是一個物件參考，當物件在執行時，可以使用this來代表"自己"。

JavaScript內建物件(JavaScriptNativeObjects)JavaScript有一些內建物件，也可以稱作資料型態，包含：Number物件:數字型態的物件，如整數(5,10)或浮點數(3.14)Boolean物件:表示邏輯真假值的物件，真就是true，假就是falseString字串物件:任何字元(Unicode)Array陣列物件:可用來容納任何其他物件Math物件:提供許多常用的數學常數及數學計算函數Date物件:專門處理時間和日期的物件RegExp物件:即正規表示式(regularexpression)物件每一種物件都有各自的屬性(attribute)和方法(method)可以使用。