一個忙禿頭程式媛的 2021 年總結

阿新 • • 發佈：2021-12-20

1.建立陣列

var area=new Array('beijing','shanghai','shenzhen');//元素值為字元型
var score=new Array(56,68,98,44);//元素值為數值型
var mix=new Array(123,'abc',null,'true',undefined);//元素值型別為混合型
var arr1=new Array();//空陣列

注意陣列的計數都是從0開始計數

使用[ ]建立陣列

var weather=['wind','find',];//相當於new Array('wind','find')
var empty=[];//相當於new Array 

var mood=['sad',,,,'happy'];//控制檯輸出mood：【5】["sad",empty*3,"happy"];

以上可知，在建立陣列時最後一個元素的逗號可以存在也可以省略同時直接使用“[ ] "建立陣列與例項化Array（）物件建立陣列有一定的區別前者可以建立有空儲存位置的陣列，如上所描述建立的mood中含有3個空儲存位置後者則不可以

2.獲取陣列長度

var arr1=[78,88,98];
var arr2=['a',,,,'b','c'];
console.log(arr1.length);//輸出結果為3
console.log(arr2.length);// 
輸出結果為6

arr1包含3個數組所以輸出結果為3 arr2雖然包含空但是陣列的下標依然會遞增所以他的長度為6

lenth也可以用來修改陣列長度

1 var arr1=[];
2 arr1.length=5;
3 console.log(arr1);//輸出結果為  5 [empty*5]
4 var arr2=[1,2,3];
5 arr2.length=4;
6 console.log(arr2);//輸出結果為  4  [1,2,3,empty]
7 var arr3=['a','b'];
8 arr3.length=2;
9 console.log(arr3);//輸出結果為 2 ["a","b"]

修改長度屬性後當length的值大於陣列中原來的元素個數則沒有沒有值的陣列元素會佔用空儲存位置

除此之外再利用 JavaScript中不論如何防暑設定陣列長度後並不影響為陣列新增元素同時lenth的值也會發生改變

3.陣列的訪問與遍歷

3.1訪問陣列元素

<script>
    var arr=['hellow','JavaScript',22.48,true];
    console.log(arr[0]);
    console.log(arr[2]);
    console.log(arr);
</script>

　　3.4行程式碼可以使我們在控制檯輸出arr的第一個和第3個數組第5行程式碼在控制檯直接輸出陣列名稱就可以看見陣列中所有元素以及元素的個數

3.2遍歷陣列元素

所謂遍歷陣列就是依次訪問陣列中所有的元素

一般使用for....in語句實現

   var navlist=['首頁','免費資源','課程中心','It學院'];
   var str='<ul>';
   for (var i in navlist){
       str +='<li><a>'+navlist[i]+'</a></li>';
       
   }
   str+='</ul>'
    document.getElementById('navlist').innerHTML=str;
</script>

　　3到6行程式碼實現陣列的便利

3.3元素的新增與修改

3.3.1新增元素

var height=[];
height[5]=183;
height[0]=175;
height[3]=150;
console.log(height);//輸出結果（6）[175，empty*2,150,empty,183];
var arr=['ASe','Taylor'];
arr[2]='Tom';
arr[3]='Java';
console.log(arr)//輸出結果（4） ["Ase","Taylor","tom","jave"]

　　3.3.2修改元素

var arr=['a','b','c','d'];
arr[2]=123;
arr[3]=456;
console.log(arr);//輸出結果 4 ["a","b",123,456]

　　修改後的值分別為123和456；

3.3.3元素的刪除

var stu=['Tom','Jimmy','Lucy'];
console.log(stu);//輸出結果為['Tom','Jimmy','Lucy']
delete  stu[1];//刪除第2個元素
console.log(stu);//輸出結果['Tom',empty,’jimmy','Lucy']

4.二維陣列操作

4.1建立與遍歷

<script>
    var arr=[[12.59,66],[100,888]];
    var sum=0;
    for (var i in arr){
        for (var j in arr[i]){
            sum+=arr[i][j];
        }
    }
    console.log(arr);
    console.log(sum)
</script>

5資料排序

5.1氣泡排序

用當前數值與下一數值進行比較當前數值符合要求滿足要求留下不滿足當前數值就下移

<script>
    var arr=[12,4,2,1,8,5,3];
    console.log('待排序'+arr)
    for (var i=1;i<arr.length;i++){
        for (var j=0;j<arr.length;j++){
            if (arr[j]>arr[j+1]){
                [arr[j],arr[j+1]]=[arr[j+1],arr[j]];
            }
        }
    }
    console.log('排序後'+arr)
</script>

　　經過上訴程式後輸出的結果就使按照從到大排序

5.2插入排序

選擇元素作為第0個元素下邊為依次排序

<script>
    var arr=[12,4,2,1,8,5,3];
    console.log('待排序'+arr)
    for (var i=1;i<arr.length;i++){
        for (var j=0;j>0;j--){
            if (arr[j-1]>arr[j]){
                [arr[j-1],arr[j]]=[arr[j],arr[j-1]];
            }
        }
    }
    console.log('排序後'+arr)
</script>