1. 程式人生 > >陣列的增刪改查

陣列的增刪改查

首先說明一下js中物件型別: JS函式物件與原型

這裡寫圖片描述

typeof 用來判定目標是什麼型別。

陣列下標,index是從 0開始的。

測試陣列如下:

var arry = [0,1];//number陣列
var arry1 = ['2','3'];//string 陣列
var arry2 = ["2","3",true];//string和boolean 陣列
  • 1
  • 2
  • 3

【1】陣列新增

    • index依次增加
arry.push(2);//放入number 2
arry.push('3');//放入string 3

alert(arry)//0,1,2,3
  • 1
  • 2
  • 3
  • 4

這是陣列是依次在後面新增,index依次遞增。值得注意的是,這時候在頁面alert陣列,看到的是 0,1,2,3。  但是這裡的3是字串,非number!  使用$.inArray(3 ,arry);

將會彈出 -1 。  使用$.inArray("3" ,arry);或$.inArray('3' ,arry);將會彈出 3 。

【在指定index新增元素】

在指定 index 處開始新增 item1,…..,itemx 。

arrayObject.splice(index,0,item1,.....,itemX);//第二個引數一定為0!!!

arry.splice(3,0,7);

alert(arry);//0,1,2,7,3;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

【2】從陣列中刪除元素

splice() 方法可刪除從 index 處開始的零個或多個元素,並且用引數列表中宣告的一個或多個值來替換那些被刪除的元素。

arrayObject.splice(index,howmany,item1,.....,itemX)
  • 1

測試程式碼如下:

arry.splice(2);
//刪除從index=2開始以後的所有元素,包括index=2

arry.splice(2,1);
//刪除index=2的元素

arry.splice(2,2);
//刪除index=2開始以後的兩個元素,包括index=2
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

【3】修改陣列元素

splice() 方法可刪除從 index 處開始的零個或多個元素,並且用引數列表中宣告的一個或多個值來替換那些被刪除的元素。

    • 這時候第三個引數列表一定不能為空
arrayObject.splice(index,howmany,item1,.....,itemX)
  • 1

測試程式碼如下:

arry.splice(2,1,8);//將index=2的一個元素替換為8;

arry.splice(2,2,8);//將index=2開始以後的兩個元素替換為8,包括index=2;
  • 1
  • 2
  • 3

【4】查詢陣列中的某個元素

① 知道下標獲取值

var element = arry[index];
  • 1

② 知道值獲取下標

var index = $.inArry(element,arry);
  • 1

【5】join方法

join() 方法將陣列的所有元素組成一個字串。

var str = arry.join();
alert(typeof str+", "+str);
  • 1
  • 2
  • 3

這裡寫圖片描述

以指定分隔符組成字串:

var str = arry.join('.');
alert(typeof str+", "+str);
  • 1
  • 2

這裡寫圖片描述

無分隔符的字串:

var str = arry.join("");
alert(typeof str+", "+str);
  • 1
  • 2

這裡寫圖片描述