JavaScript数组的操作

一、数组的操作
1、调用:通过索引下标,来操作数组中指定的数据单元

1 var arr = ['北京','上海','广州','重庆','天津'];
2 arr(0) //调用第1个数据
3 arr(1) //调用第2个数据
4 arr(2) //调用第3个数据
5 arr(3) //调用第4个数据

2、修改:通过索引下标,来修改数组中,存储的单元的数据

1 var arr = ['北京','上海','广州','重庆','天津'];
2 arr[0] = '武汉'; //将数组中的第一个数组替换成'武汉'
3 arr[2] = '郑州'; //将数组中的第一个数组替换成'郑州'
4 注:对已存在的索引下标,进行赋值,进行的是重复赋值,会覆盖之前存储的数据

3、新增:通过索引下标,对不存在的索引下标,进行赋值来新增数组的单元

1 var arr = ['北京','上海','广州','重庆','天津'];
2 //在'天津'后面,以为就是整个数组的第6位增加一个'武汉'
3 arr[5] = '武汉'; 
4 //在整个数组的第10位添加一个'郑州',后面增加一个'武汉'
5 arr[9] = '郑州'; 
6 注:因为中间3个没有数据,所以中间存在的都是空数据,存在但不显示

4、删除:

1 var arr = ['北京','上海','广州','重庆','天津'];
2 //将数据的长度删减到第四位,第五位及以后全部删除
3 arr.length = 3;
4 注:只能是从数组的结尾处开始删除单元,不能从数组的起始开始删除单元,一般不使用,除非是一定要限制数组长度

二、数组中常用的
1、起始结束位置的新增和删除:
unshift() 起始新增,可以是一个或者多个
push() 结束新增,可以是一个或者多个
shift() 起始删除,只能是一个
pop() 结束删除,只能是一个

1 var arr = ['北京','上海','广州','重庆','天津'];
2 //只能从起始位置添加多个新个单元
3 arr.unshift(数据1)
4 //在数组的结束位置多个新增单元
5 arr.push(数据2)
6 //只能删除起始的第一个单元
7 arr.shift(什么也不写);
8 //只能删除结束的最后一个单元 
9 arr.pop(什么也不写);

2、任意位置的删除和替换

1 var arr = ['北京1','上海1','广州1','重庆1','天津1''北京2','上海2','广州2','重庆2','天津2'];
2 //删除从第三个开始的后5个单元,并且将其替换成'武汉','郑州'
3 arr.splice(2,5,'武汉','郑州')
4 注:第一个参数代表起始位置,第二个参数代表删除单元个数,第三个及之后的是更换为的参数

三、数组的排序
1、sort方法排序:

1 var arr = ['北京1','上海1','广州1','重庆1','天津1'];
2 //默认按照首位数值排序,不是数值的实际大小
3 arr.sort()
4 //从小到大的固定语法形式
5 arr.sort( function(a,b){return a-b} )
6 //从大到小固定语法
7 arr.sort( function(a,b){return b-a} )

2、reverse 用于数组的反转

1 var arr = ['北京1','上海1','广州1','重庆1','天津1'];
2 //将数据前后反转,首尾倒置
3 arr.reverse();

3、join数组和字符串的转化

1 var arr = ['北京','上海','广州','重庆','天津',true,false,100,[1,2,3,4],{name:'张三'},function fun(){}]
2     //将数据转化为字符串
3     //默认转为用逗号隔开
4     var res = arr.jion();
5     //设定间隔符号
6     var res =arr.jion('_'); 
7     //没有间隔符号用空格隔开
8     var res = arr.jion('');

4、split方法分割字符串为数组

1 var arr = '北京-上海-广州-重庆-天津';
2 //按照建个符号‘-’来分割字符,存储成数组形式并且只保留三个数组
3 var res = arr.split('-',3);

5、concat数组的拼接

1 var arr1 = [1,2,3,4,5];
2 var arr2 = ['北京','上海','广州','重庆','天津']
3 //将数组1和数组2拼接起来,
4 var arr3 =arr1.concat(arr2)
posted @ 2020-03-20 01:11  不懂老爱瞎逼逼  阅读(223)  评论(0编辑  收藏  举报