1 - 數組

1.1 數組的概念

- 數組可以把一組相關的數據一起存放，并提供方便的訪問(獲取)方式。

- 數組是指**一組數據的集合**，其中的每個數據被稱作**元素**，在數組中可以**存放任意類型的元素**。數組是一種將一組數據存儲在單個變量名下的優雅方式。

1.2 創建數組

JS 中創建數組有兩種方式：

- 利用 new 創建數組

var 數組名 = new Array() ；

var arr = new Array(); // 創建一個新的空數組

注意 Array () ，A 要大寫

- 利用數組字面量創建數組

//1. 使用數組字面量方式創建空的數組

var 數組名 = []；

//2. 使用數組字面量方式創建帶初始值的數組

var 數組名 = ['小白','小黑','大黃','瑞奇'];

- 數組的字面量是方括號 [ ]

- 聲明數組并賦值稱為數組的初始化

- 這種字面量方式也是我們以后最多使用的方式

- 數組元素的類型

數組中可以存放任意類型的數據，例如字符串，數字，布爾值等。

var arrStus = ['小白',12,true,28.9];

1.3 獲取數組中的元素

索引 (下標) ：用來訪問數組元素的序號(數組下標從 0 開始)。

數組可以通過索引來訪問、設置、修改對應的數組元素，可以通過“數組名[索引]”的形式來獲取數組中的元素。

// 定義數組

var arrStus = [1,2,3];

// 獲取數組中的第2個元素

alert(arrStus[1]);

注意：如果訪問時數組沒有和索引值對應的元素，則得到的值是undefined

1.4 遍歷數組

- 數組遍歷

把數組中的每個元素從頭到尾都訪問一次(類似學生的點名)，可以通過 for 循環索引遍歷數組中的每一項

var arr = ['red','green', 'blue'];for(var i = 0; i < arr.length; i++){console.log(arrStus[i]);}

- 數組的長度

數組的長度：默認情況下表示數組中元素的個數

使用“數組名.length”可以訪問數組元素的數量(數組長度)。

var arrStus = [1,2,3];

alert(arrStus.length); // 3

**注意**：

- 此處數組的長度是數組元素的個數 ，不要和數組的索引號混淆。

- 當我們數組里面的元素個數發生了變化，這個 length 屬性跟著一起變化

- 數組的length屬性可以被修改：

- 如果設置的length屬性值大于數組的元素個數，則會在數組末尾出現空白元素；

- 如果設置的length屬性值小于數組的元素個數，則會把超過該值的數組元素刪除

1.5 數組中新增元素

數組中可以通過以下方式在數組的末尾插入新元素：

數組[ 數組.length ] = 新數據;

2 - 函數

2.1 函數的概念

在 JS 里面，可能會定義非常多的相同代碼或者功能相似的代碼，這些代碼可能需要大量重復使用。雖然 for循環語句也能實現一些簡單的重復操作，但是比較具有局限性，此時我們就可以使用 JS 中的函數。

函數：就是**封裝了一段可被重復調用執行的代碼塊**。通過此代碼塊可以**實現大量代碼的重復使用**。

2.2 函數的使用

聲明函數

// 聲明函數

function 函數名() {

//函數體代碼

}

- function 是聲明函數的關鍵字,必須小寫

- 由于函數一般是為了實現某個功能才定義的， 所以通常我們將函數名命名為動詞，比如 getSum

調用函數

函數名(); // 通過調用函數名來執行函數體代碼

- 調用的時候千萬不要忘記添加小括號

- 口訣：函數不調用，自己不執行

注意：聲明函數本身并不會執行代碼，只有調用函數時才會執行函數體代碼。

函數的封裝

- 函數的封裝是把一個或者多個功能通過函數的方式封裝起來，對外只提供一個簡單的函數接口

- 簡單理解：封裝類似于將電腦配件整合組裝到機箱中 ( 類似快遞打包)

例子：封裝計算1-100累加和

/*計算1-100之間值的函數*/// 聲明函數function getSum(){var sumNum = 0;// 準備一個變量，保存數字和for (var i = 1; i <= 100; i++) {sumNum += i;// 把每個數值 都累加 到變量中}alert(sumNum);}// 調用函數getSum();

2.3 函數的參數

函數參數語法

- 形參：函數定義時設置接收調用時傳入

- 實參：函數調用時傳入小括號內的真實數據

? 參數的作用 : 在函數內部某些值不能固定，我們可以通過參數在調用函數時傳遞不同的值進去。

函數參數的運用：

// 帶參數的函數聲明

function 函數名(形參1, 形參2 , 形參3...) { // 可以定義任意多的參數，用逗號分隔

// 函數體

}

// 帶參數的函數調用

函數名(實參1, 實參2, 實參3...);

1. 調用的時候實參值是傳遞給形參的

2. 形參簡單理解為：不用聲明的變量

3. 實參和形參的多個參數之間用逗號(,)分隔

函數形參和實參數量不匹配時

注意：在JavaScript中，形參的默認值是undefined。

小結：

- 函數可以帶參數也可以不帶參數

- 聲明函數的時候，函數名括號里面的是形參，形參的默認值為 undefined

- 調用函數的時候，函數名括號里面的是實參

- 多個參數中間用逗號分隔

- 形參的個數可以和實參個數不匹配，但是結果不可預計，我們盡量要匹配

2.4 函數的返回值

return 語句

返回值：函數調用整體代表的數據；函數執行完成后可以通過return語句將指定數據返回 。

// 聲明函數

function 函數名(){

...

return 需要返回的值；

}

// 調用函數

函數名(); // 此時調用函數就可以得到函數體內return 后面的值

- 在使用 return 語句時，函數會停止執行，并返回指定的值

- 如果函數沒有 return ，返回的值是 undefined

break ,continue ,return 的區別

- break ：結束當前的循環體(如 for、while)

- continue ：跳出本次循環，繼續執行下次循環(如 for、while)

- return ：不僅可以退出循環，還能夠返回 return 語句中的值，同時還可以結束當前的函數體內的代碼

2.5 arguments的使用

? 當不確定有多少個參數傳遞的時候，可以用 arguments 來獲取。JavaScript 中，arguments實際上它是當前函數的一個內置對象。所有函數都內置了一個 arguments 對象，arguments 對象中存儲了傳遞的所有實參。arguments展示形式是一個偽數組，因此可以進行遍歷。偽數組具有以下特點：

- 具有 length 屬性

- 按索引方式儲存數據

- 不具有數組的 push , pop 等方法

注意：在函數內部使用該對象，用此對象獲取函數調用時傳的實參。

2.6 函數案例

函數內部可以調用另一個函數，在同一作用域代碼中，函數名即代表封裝的操作，使用函數名加括號即可以將封裝的操作執行。

2.7 函數的兩種聲明方式

- 自定義函數方式(命名函數)

利用函數關鍵字 function 自定義函數方式

// 聲明定義方式

function fn() {...}

// 調用

fn();

- 因為有名字，所以也被稱為命名函數

- 調用函數的代碼既可以放到聲明函數的前面，也可以放在聲明函數的后面

- 函數表達式方式(匿名函數)

利用函數表達式方式的寫法如下：

// 這是函數表達式寫法，匿名函數后面跟分號結束

var fn = function(){...}；

// 調用的方式，函數調用必須寫到函數體下面

fn();

- 因為函數沒有名字，所以也被稱為匿名函數

- 這個fn 里面存儲的是一個函數

- 函數表達式方式原理跟聲明變量方式是一致的

- 函數調用的代碼必須寫到函數體后面

分享IT技術，注重基礎知識與實戰經驗的分享，幫助編程愛好者快速進步。喜歡的加關注！！！

總結

以上是生活随笔為你收集整理的多个数字数组_1分钟彻底理解JavaScript的数组与函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。