JavaScript基礎知識
- 陣列
- 創建陣列
- 利用 new 創建陣列
- 利用陣列字面量創建陣列
- 獲取陣列中的元素
- 遍歷陣列
- 陣列遍歷
- 陣列的長度
- 陣列中新增元素
- 函式
- 函式的使用
- 宣告函式
- 呼叫函式
- 函式的封裝
- 函式的引數
- 函式引數語法
- 函式形參和實引數量不匹配時
- 函式的回傳值
- return 陳述句
- break ,continue ,return 的區別
- 函式的兩種宣告方式
- 自定義函式方式(命名函式)
- 函式運算式方式(匿名函式）
陣列
概念
- 陣列可以把一組相關的資料一起存放，并提供方便的訪問(獲取）方式
- 陣列是指一組資料的集合，其中的每個資料被稱作元素，在陣列中可以存放任意型別的元素
- 陣列是一種將一組資料存盤在單個變數名下的優雅方式
創建陣列
利用 new 創建陣列
var 陣列名 = new Array() ；
利用陣列字面量創建陣列
var 陣列名 = []；
陣列的字面量是方括號 [ ]
宣告陣列并賦值稱為陣列的初始化
獲取陣列中的元素
索引 (下標) ：用來訪問陣列元素的序號（陣列下標從 0 開始）
陣列可以通過索引來訪問、設定、修改對應的陣列元素，可以通過“陣列名[索引]”的形式來獲取陣列中的元素
語法
var arr = [1,2,3];// 定義陣列
alert(arr[1]); // 獲取陣列中的第2個元素
注意
如果訪問時陣列沒有和索引值對應的元素，則得到的值是undefined
遍歷陣列
陣列遍歷
把陣列中的每個元素從頭到尾都訪問一次（類似學生的點名），可以通過 for 回圈索引遍歷陣列中的每一項
語法
var cc = ['red','black', 'yellow'];
for(var i = 0; i < arr.length; i++){
console.log(cc[i]);
}
陣列的長度
- 陣列的長度：默認情況下表示陣列中元素的個數
- 使用“陣列名.length”可以訪問陣列元素的數量（陣列長度）
var cc = [1,2,3];
alert(cc.length);
陣列中新增元素
語法
陣列[ 陣列.length ] = 新資料;
函式
概念
函式就是封裝了一段可被重復呼叫執行的代碼塊，通過此代碼塊可以實作大量代碼的重復使用
函式的使用
宣告函式
function 函式名() {
//函式體代碼
}
function 是宣告函式的關鍵字,必須小寫
呼叫函式
函式名();
宣告函式本身并不會執行代碼，只有呼叫函式時才會執行函式體代碼
函式的封裝
函式的封裝是把一個或者多個功能通過函式的方式封裝起來，對外只提供一個簡單的函式介面
函式的引數
函式引數語法
作用：
在函式內部某些值不能固定，我們可以通過引數在呼叫函式時傳遞不同的值進去
函式形參和實引數量不匹配時
函式的回傳值
return 陳述句
函式呼叫整體代表的資料；函式執行完成后可以通過return陳述句將指定資料回傳
語法
function 函式名（）{
...
return 需要回傳的值；
}
函式名();
break ,continue ,return 的區別
- break ：結束當前的回圈體（如 for、while）
- continue ：跳出本次回圈，繼續執行下次回圈（如 for、while）
- return ：不僅可以退出回圈，還能夠回傳 return 陳述句中的值，同時還可以結束當前的函式體內的 代碼
函式的兩種宣告方式
自定義函式方式(命名函式)
利用函式關鍵字 function 自定義函式方式
語法
function fn() {...}
fn();
呼叫函式的代碼既可以放到宣告函式的前面，也可以放在宣告函式的后面
函式運算式方式(匿名函式）
語法
var fn = function(){...}；
fn();
函式呼叫的代碼必須寫到函式體后面
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/123190.html
標籤：其他
上一篇：時間格式2020-09-29T18:02:02.000Z轉換為“年月日時分秒“
下一篇：前端重要的H標簽詳解（干貨！）