JavaScript基礎(chǔ)(3).數(shù)組

一、什么是數(shù)組?

  • 就是一組數(shù)組,它也是一個(gè)特殊對(duì)象類型
    typeof([]); // Object,  
    // 采用Array.isArray([])判斷是否為數(shù)組,返回true與false
    Array.isArray([]) // true

二、數(shù)組的創(chuàng)建方式

  • 方式1,語法糖 (數(shù)組的字面量表達(dá)式)
   var arr=[]; 
  • 方式2 實(shí)例化(new)數(shù)組 ,new創(chuàng)建
  var arr=new Array(10); //new Array的時(shí)候,傳入了一個(gè)數(shù)值,它表示數(shù)組的長度
  • 方式3
   var arr=Array();

三、數(shù)組的length屬性
數(shù)組的長度是可以被修改

       var arr = [11, 22, 33, 44];
        console.log(arr.length); // 長度4
        //修改了數(shù)組的長度
        arr.length = 1;
        console.log(arr);  // [11]

四.數(shù)組里成員獲取與修改

   var arr=["劉德華","周杰倫","蔡徐坤"];
   console.log(arr[2]);// 獲取到 蔡徐坤
   arr[2]="周星馳";
   console.log(arr); // ["劉德華","周杰倫","周星馳"]

五.數(shù)組的循環(huán)

  • 1,遍歷(循環(huán))數(shù)組
        var arr = [11, 22, 33, 44];
        for (var i = 0; i < arr.length; i++) {
            // console.log();
            console.log(i, arr[i]);
        }
  • 2.數(shù)組還可以使用 for in
    當(dāng)數(shù)組的下表,不是數(shù)值的時(shí)候,那需要使用for in
     var arr = ["你好", true, 100];
     for (var k in arr) {  // key
           console.log(k,  arr[k] );
     }
  • 3.特殊場(chǎng)景 使用for..in
        var arr = [];
        arr["a"] = "周杰倫"
        arr["b"] = "劉德虎"
        arr[true] = "蔡依林"
        console.log(arr); // 此時(shí) length 是0,就不能還是用 for循環(huán),必須使用for in
         for (var key in arr) {
            console.log(key, arr[key]);
        }

六、數(shù)組的方法

  • 1.pop() 刪除數(shù)組的最后一位,返回被刪除的元素,改變?cè)瓉頂?shù)組
 var arr=[11,22,33,44];
 arr.pop();//  44 被刪除
 console.log(arr)   // [11,22,33]
  • push() 往數(shù)組的最后一位添加新的多個(gè)成員,返回新數(shù)組的長度,改變?cè)瓉頂?shù)組
  var arr=[11,22,33,44];
  arr.push("你好",55); // 長度6
  console.log(arr)// [11,22,33,44,"你好",55];
  • unshift() 往數(shù)組的地一個(gè)位置添加多個(gè)成員,返回新數(shù)組的長度,改變?cè)瓉頂?shù)組
  var arr=[11,22,33,44,55];
  arr.unshift("你好","00"); 長度7
  console.log(arr) // ["你好","00",11,22,33,44,55];
  • shift() 刪除數(shù)組第一個(gè)位置的成員,返回被刪除的成員,改變?cè)瓉頂?shù)組
  var arr=[11,22,33,44,55];
  arr.shift() // 11 被刪除
  console.log(arr)  // [22,33,44,55]
  • sort() 它是根據(jù)ASCII碼的碼值,進(jìn)行比較,如果成員十位數(shù)以上的,就不準(zhǔn)備,就需要在 sort()里定義一個(gè)函數(shù),改函數(shù)2個(gè)參數(shù), a-b,升序,否則b-a 降序
  var arr=[11,22,55,44,66];
  arr.sort(function(a,b){
      retrun a-b; //升序    b-a 降序
 })
  • reverse() 倒序
  var arr=["11","66","22"];
  arr.reverse() // ['22','66','11']
  • concat() 合并,可以合并數(shù)組,還能合并其他類型的數(shù)據(jù),也能一次合并多個(gè)條件

返回一個(gè)新的數(shù)組,不會(huì)改變?cè)瓉淼臄?shù)組

  var  arr1=[11,22];
  var  arr2=["你好","周杰倫"];
  var arr3=arr1.concat(arr2)  
//多個(gè)合并
 var arr3=arr1.concat(arr2,99,true,[])  
concat()還可以實(shí)現(xiàn)數(shù)組的淺拷貝
       var arr = [11, 22, 33, 44];
        var arr1 = [].concat(arr);
        arr[1] = "濤濤"
        console.log(arr);  // [11, '濤濤', 33, 44];
        console.log(arr1); //[11, 22, 33, 44];
        console.log(arr == arr1); //false
  • slice() 截取,不會(huì)改變?cè)瓉頂?shù)組
var arr=[11,22,33,44,55,66];
arr.slice(2,4) //  返回?cái)?shù)組 [33,44]
console.log(arr) // [11,22,33,44,55,66];
  • splice()

2個(gè)參數(shù),第一個(gè)參數(shù)表示開始位置,第2個(gè)參數(shù),表示刪除個(gè)數(shù)

  var arr=[11,22,33,44];
  arr.splice(2,1) // [33]
  console.log(arr) [11,22,44]

3個(gè)參數(shù),第2個(gè)參數(shù)是0,表示插入

   var arr=[11,22,33,44];
   arr.splice(2,0,"AA");
   console.log(arr)// [11,22,'AA',33,44]

3個(gè)參數(shù),第2個(gè)參數(shù)是1,表示替換

    var arr=[11,22,33,44];
    arr.splice(2,1,"AA");
    console.log(arr)// [11,22,'AA',44]
  • join() 以指定格式返回字符串
var arr=[11,22,33,44];
arr.join() // 默認(rèn)返回 '11,22,33,44' 以逗號(hào)隔開
arr.join("");//  '11223344' 
arr.join("-")  // "11-22-33-44"
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容