JavaScript入門第十五章（對象），CSS清除默認樣式

 //1.使用三個變量存儲
//弊端 : (1)代碼冗餘 （2）不好維護
let name = '海海';
let age = 18;
let sex = '男';
//2.使用數組存儲 ： 一個變量存儲多個數據
//弊端 ： 代碼閱讀性不高
let arr = ['海海',18,'男'];
console.log(arr);
//3.使用對象 ： 一個變量存儲多個數據，閱讀性更高
let object = {name:'海海',age:18,sex:'男'};
//let object = {'name':'海海','age':18,'sex':'男'}; //這個也可以
console.log(object);
//點語法取值 ：
console.log(object.name);
/*
數組和對象的异同點
相同點：都是複雜數據類型，一個變量存儲多個數據
不同點：存儲方式不一樣
數組 ： 連續存儲，元素與下標一一對應
對象： 不連續存儲，屬性名和屬性值一一對應
*/

2.對象取值與賦值
---------


1.
2.
3.
4.
5.
6.
7.
8.
9.

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>

<script> /* 1.對象作用 ： 一個變量存儲多個數據 a:數組和對象的异同點 相同點：都是複雜數據類型，一個變量存儲多個數據 不同點：存儲方式不一樣 數組 ： 連續存儲，元素與下標一一對應 對象： 不連續存儲，屬性名和屬性值一一對應 2.對象語法 a.聲明： let 對象名 = {屬性名:屬性值} b.取值： 對象名.屬性名 屬性存在，則獲取屬性值 屬性不存在，則獲取undefined c.賦值： 對象名.屬性名 = 值 屬性存在，則修改屬性值 屬性不存在，則動態添加屬性 */ //1.聲明語法 ： let 對象名 = { 屬性名:屬性值，屬性名:屬性值 }; let kid = { name:'海海', age:18, sex:'男' }; //2.取值語法 : 點語法 ： 對象名.屬性名 //2.1 屬性名存在 ，則是獲取屬性值 console.log(kid.sex);//男 //2.2 屬性名不存在,則獲取undefined console.log(kid.bgf);//undefined //3.賦值語法 : 對象名.屬性名 = 值 //3.1 屬性名存在， 則是修改屬性值 kid.name = '海海'; console.log(kid); //3.2 屬性名不存在， kid.hobby = '李白'; console.log(kid); //4.對象取值還有一種方式：字符串語法 console.log(kid['hobby']); </script>

3.對象屬性補充
--------
* 對象的屬性名字也可以為數字（或數字字符串），但是一般不建議這麼使用（數字使用數組更效果更好）
* 數字屬性的取值和賦值訪問需要使用字符串語法


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

 //1.數字聲明對象屬性
let obj = {0:1,2:2}; //不會自動從0開始，而且不需要連續
//2.數字屬性的訪問：字符串語法訪問
console.log(obj[0]); //1
//console.log(obj.0); //語法錯誤
//3.動態添加數字屬性
obj[5] = 5;
console.log(obj); //{0:1,2:2,5:5}
</script>

**4.複雜對象**
----------


1.
2.
3.
4.
5.
6.
7.
8.
9.

 /*
1.對象作用 ： 一個變量存儲多個數據
a:數組和對象的异同點
相同點：都是複雜數據類型，一個變量存儲多個數據
不同點：存儲方式不一樣
數組 ： 連續存儲，元素與下標一一對應
對象： 不連續存儲，屬性名和屬性值一一對應
2.對象語法
a.聲明： let 對象名 = {屬性名:屬性值}
b.取值： 對象名.屬性名
屬性存在，則獲取屬性值
屬性不存在，則獲取undefined
c.賦值： 對象名.屬性名 = 值
屬性存在，則修改屬性值
屬性不存在，則動態添加屬性
3.對象初始化
let 對象名 = { 屬性名:屬性值 }