JavaScript入門第十五章(對象),CSS清除默認樣式

移動前端入門 2021-09-19 20:18:11 阅读数:85

javascript 十五章 十五 css 清除

//需求 : 存儲一個人的信息(name 海海, age :18 , sex : ‘男’)

 //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.

<!DOCTYPE html>

<html lang=“en”>

<head>

<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>

</head>

<body>

<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>

</body>

</html>


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

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

<script>

 //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.

<script>

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

常用的JavaScript設計模式

  • 單體模式

  • 工廠模式

  • 例模式

    JavaScript入門第十五章(對象),CSS清除默認樣式_Web

函數

版权声明:本文为[移動前端入門]所创,转载请带上原文链接,感谢。 https://gsmany.com/2021/09/20210919201810757a.html