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

  注意：

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

  • i是計數器,當索引號使用, arr[i]是陣列元素 第i個數組元素

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

  • 陣列的length屬性可以被修改：

• 如果設定的length屬性值大於陣列的元素個數，則會在陣列末尾出現空白元素；

  • 如果設定的length屬性值小於陣列的元素個數，則會把超過該值的陣列元素刪除

1.5 陣列中新增元素

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

 陣列[ 陣列.length ] = 新資料;
​

1. 可通過修改陣列長度增加

arr.length=5;

1. 通過修改索引號新增、

例：

​
​
<script>
//給陣列賦值1到10
varary=[];
for(vari=0;i<10;i++){
ary[i]=i+1;
}
//遍歷陣列陣列中必須有值
for(vari=0;i<ary.length;i++){
console.log(ary[i]);
//通過下標獲取
}
​
​
​
//將陣列中大於10的數依次填入新陣列
//定義新陣列
//方法一
vararr=[2,5,7,14,4,36,0,3,57];
varnewArr=[];
varj=0;
for(vari=0;i<arr.length;i++){
if(arr[i]>10){
//新陣列索引號應該從0開始，依次遞增
newArr[j]=arr[i];
j++;
}
}
console.log(newArr);
​
​
//方法二
vararr=[2,5,7,14,4,36,0,3,57];
varnewArr=[];
for(vari=0;i<arr.length;i++){
if(arr[i]>10){
//新陣列索引號應該從0開始，依次遞增
//剛開始newArr.length就是0
newArr[newArr.length]=arr[i];
}
}
console.log(newArr);
​
//把數組裡面的內容反過來寫
vararr=[1,2,3,4,5];
varnewArr=[];
for(vari=arr.length-1;i>=0;i--){
newArr[newArr.length]=arr[i];
}
console.log(newArr);
</script>

氣泡排序:

是一種演算法,把一系列的資料按照一定的順序進行排列顯示(從小到大或從大到小)。

氣泡排序是一種簡單的排序演算法。它重複地走訪過要排序的數列，一次比較兩個元素,如果他們的順序錯誤就把他們交換過來。走訪數列的工作是重複地進行直到沒有再需要交換，也就是說該數列已經排序完成。這個演算法的名字由來是因為越小的元素會經由交換慢慢浮到數列的頂端。

演算法：

1.一共需要的趟數我們用外層for迴圈

5個數據我們一共需要走4趟

長度就是陣列長度減去1 arr.length-1

2.每一趟交換次數我們用裡層for迴圈

第一趟交換4次

第二趟交換3次

第三趟交換2次

第四趟交換1次

長度就是陣列長度誠去次數

但是我們次數是從0次開始的所以 最終arr.length-i-1

3.交換2個變數就好了

<script>
//把陣列按從小到大的順序排列
vararr=[3,2,5,1,4];
vartemp;
//外層迴圈管趟數
for(i=0;i<arr.length-1;i++){
//內層迴圈管每趟次數
for(j=0;j<arr.length-i-1;j++){
if(arr[j]>arr[j+1]){
temp=arr[j];
arr[j]=arr[j+1];
arr[j+1]=temp;
}
}
}
console.log(arr);
</script>