JQuery - 数组的增删改查

首先说明一下js中对象类型: JS函数对象与原型

JQuery - 数组的增删改查_第1张图片

typeof 用来判定目标是什么类型。


数组下标,index是从 0开始的。

测试数组如下:

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

【1】数组添加

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

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

这是数组是依次在后面添加,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;

【2】从数组中删除元素

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

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

测试代码如下:

arry.splice(2);
//删除从index=2开始以后的所有元素,包括index=2

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

arry.splice(2,2);
//删除index=2开始以后的两个元素,包括index=2

【3】修改数组元素

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

    • 这时候第三个参数列表一定不能为空
arrayObject.splice(index,howmany,item1,.....,itemX)

测试代码如下:

arry.splice(2,1,8);//index=2的一个元素替换为8;

arry.splice(2,2,8);//index=2开始以后的两个元素替换为8,包括index=2

【4】查找数组中的某个元素

① 知道下标获取值

var element = arry[index];

② 知道值获取下标

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

【5】join方法

join() 方法将数组的所有元素组成一个字符串。

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

JQuery - 数组的增删改查_第2张图片

以指定分隔符组成字符串:

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

JQuery - 数组的增删改查_第3张图片

无分隔符的字符串:

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

JQuery - 数组的增删改查_第4张图片

你可能感兴趣的:(#,JQuery)