JS對象定義

學習目標：

節數	知識點	要求
第一節（對象概述）	建立對象	瞭解
第二節（對象的建立）	怎樣建立對象	瞭解
	對象的構成	瞭解
	建立對象	瞭解
第三節（鍵名和鍵值 ）	關於鍵名	掌握
	關於鍵值	掌握
第四節（Math對象）	Math對象的介紹	瞭解
	Math對象的屬性和方法	掌握
第五節（Date對象）	Date對象的介紹	瞭解
	Date的方法	掌握

爲何要使用對象？

由於對象能幫咱們解決一些複雜的問題

1、對象概述

在JavaScript 中的全部事物都是對象：字符串（new String）、布爾(new Boolean())、數值(Number)、數組(Array)、函數(Function)等。

1.1 什麼是類

類：就是具備相同的屬性和方法的集合。人類，動物類，家電類等。

1.2 什麼是對象

對象：就類中的一個具體的實物。人類-具體某一我的（張三丰）。

動物類-(一個具體的動物-東北虎)，家電類-（具體一個好比說電視。）

js 中咱們包含哪些對象呢？

1) 內置對象（本地對象）：Math對象，Number對象，Date對象等，系統給咱們提供好的，咱們拿過來用就能夠了。

2) 宿主對象：dom（文檔對象模型）,bom(瀏覽器對象)。

3) 自定義對象：咱們本身定義和開發的對象。

2、對象的建立（重點）

2.1 怎樣建立對象 <img src="020202JS對象.assets/clip_image001.jpg" alt="IMG_256" style="zoom:33%;" />

語法：var obj = { key : value };

上面代碼定義了一個對象，它被賦值給變量obj。

​ key是「鍵名」

​ value是「鍵值」

ps:若是對象內部包含多個鍵值對，每一個鍵值對之間用逗號分隔。最後一個鍵值對末尾不用加逗號

​ var obj = {key1:value1,key2:value2};

2.2 對象的構成

對象是JavaScript的核心概念，也是最重要的數據類型。JavaScript的全部數據均可以被視爲對象。此外，JavaScript 容許自定義對象。

對象（object）是大括號定義的無序的數據集合，由鍵值對構成，鍵名，鍵名與鍵值之間用冒號分隔，大括號末尾要使用分號表示對象定義結束。

2.3 建立對象

a.直接使用大括號建立對象

b.使用new命令生成一個Object對象的實例

c.使用Object.create方法建立對象

var obj1 = {};

var obj2 = new Object();

var obj3 = Object.create(null);

Object是在javascript中一個被咱們常常使用的類型，並且JS中的全部對象都是繼承自Object對象的

3、對象的鍵名和鍵值（重點）

3.1關於鍵名

鍵名也被稱爲屬性(property)，對象的全部屬性都是字符串，因此加不加引號均可以。

所以上面的代碼也能夠寫成下面這樣：

var obj = { 'key': value };

可是，若是屬性不符合標識符的條件(好比第一個字符爲數字，或者含有空格或運算符)，則必須加上引號。

var obj = {

​ '1p': "Hello World",

​ 'h w': "Hello World",

​ 'p+q': "Hello World"

};

上面對象的三個屬性，都不符合標識名的條件，因此必須加上引號。

ps:JavaScript的保留字能夠不加引號直接看成對象的屬性。

3.2關於鍵值

鍵值是屬性所對應的具體的值。javascript的對象的鍵值能夠是任何數據類型。

var frank = {

​ name: "Frankenstein Add",

​ age: 18,

​ sex: "male"

​ ability: eat();//eat()表示函數

​ };

ps：若是一個屬性的值(ability)爲函數，一般把這個屬性稱爲「方法」。

4、對象的引用（重點）

4.1 對象屬性的讀取和設置

讀取對象的屬性,有兩種方法:

一種是使用點運算符（.）,還有一種是使用方括號運算符([])。

須要注意的是，使用方括號讀取對象屬性的時候須要加引號

點運算符用來爲對象的屬性寫入值。

[]的使用總結說明：

\1. 可使用一個變量存儲對象的屬性，.是不能使用的

\2. 可使用純數字的方式來訪問，.是不能使用的

.的使用的總結說明：

1.點（.）運算符能夠將js的關鍵字（var,if等）做爲屬性來訪問。

4.2 對象屬性的操做

【Object.keys()】獲取對象全部屬性

【Object.values()】獲取對象全部的值

【Object.entries()】獲取對象全部的鍵值對

【delete】刪除一個屬性

【in】檢查對象是否包含一個屬性（true，false）

【for in】遍歷對象全部屬性

【for of】遍歷對象全部屬性

5.3 實例：獲取一個範圍的隨機數

Math.random():返回0-1之間的隨機數

公式：求一個數的範圍

max:最大數

min:最小數

parseInt((max-min+1)*Math.random()+min)

5.4 實例：單擊隨機生成四位數字驗證碼

6、Date對象

6.1 Date對象的介紹

​ Date對象是JavaScript提供的日期和時間的操做接口。

​ 在JavaScript內部，全部日期和時間都儲存爲一個整數。

​ 這個整數是當前時間距離1970年1月1日00:00:00的毫秒數，正負的範圍爲基準時間先後各1億天

​ 同Math對象同樣，javascript也爲Date對象提供了不少內置的方法。

6.2 Date函數

​ Date對象是一個構造函數，對它使用new命令，會返回一個Date對象的實例。

一些其餘合法的日期字符串寫法

new Date(datestring)

new Date("2013-2-15")

new Date('2013/2/15')

new Date("2013-FEB-15")

new Date("FEB, 15, 2013")

new Date("FEB 15, 2013")

new Date("Feberuary, 15, 2013")

new Date("Feberuary 15, 2013")

new Date("15, Feberuary, 2013")

Sun Jan 06 2013 00:00:00 GMT+0800 (中國標準時間)