JS-数组
数组(Array),数组也是一个对象,它和普通对象功能类似,也是用来存储一些值的。
不同的是普通对象是使用字符串作为属性名的,而数组是利用数字作为索引操作元素。
索引:从零开始的整数就是索引。
数组的存储性能比普通对象要好,在开发中我们经常用数组存储一些数据。
创建数组
var arr=new Array();
console.log(typeof arr);//object
向数组中添加元素
语法:数组[索引]=值
arr[0]=10;
arr[1]=20;
console.log(arr);//10,20
读取数组中的元素
语法:数组[索引]
如果读取的索引不存在,不会报错而是返回undefined
console.log(arr[0]);//10
获取数组的长度
可以使用length属性来获取数组长度
语法:数组名.length
对于连续的数组,使用length可以获取数组长度(元素个数)
对于非连续的数组,使用length或获取到数组的最大索引+1
console.log(arr.length);//2
修改length
如果修改的length大于原长度,则多出部分会空出来。
如果修改的length小于原长度,则少于的部分将会删除。
向数组的最后一个位置添加元素
语法:数组名[数组名.length]=值;
arr[arr.length]=30;
使用字面量创建数组
var arr=[];
console.log(typeof arr);//object
使用字面量创建数组时,可以在创建时就指定数组中的元素。
var arr=[1,2,3,4];
console.log(arr[1]);//2
数组中的元素可以是任意数据类型
arr=["hello",null,123,ture,undefined];
console.log(arr[1]);//null
也可以是对象
arr=["hello",null,123,ture,undefined];
var obj={
name:"小阿涵"
}
arr[arr.length]=obj;
console.log(arr[5]);//object
console.log(arr[5].name);//小阿涵
也可以是函数
arr=[function (){alert(1)}];
//调用
arr[0]();
二维数组
二维数组即在数组中存放数组
arr=[[1,2,3],[4,5,6],[7,8,9]];
console.log(arr[0]);//1,2,3
数组的方法
push()方法
该方法可以向数组末尾添加一个或多个元素,并返回数组新的长度
可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾
该方法也可以将数组的新长度作为返回值返回
var arr=["小阿涵","小张","阿涵"];
var result=arr.push("11","22","张涵");
console.log(result);//6
pop()方法
该方法可以删除数组的最后一个元素,并将删除元素作为返回值
result=arr.pop();
console.log(result);//张涵
unshift()方法
该方法向数组开头添加一个或多个元素,并返回新的数组长度
arr.unshift("222");
console.log(arr);
shift()方法
该方法可以删除数组的第一个元素,并将被删除的元素作为返回值返回
arr.shift("222");
console.log(arr);
slice()方法
该方法可以从数组中提取指定元素
该方法不会改变元素数组,而是讲解渠道的元素封装到一个新数组中返回
参数:
1.截取开始位置的索引,包含开始索引
2.截取结束的位置的索引,不包含结束索引
索引可以传递一个负值,如果传递的是一个负值,则从前后往前计算
var arr=["11","22","33","44","55"];
var result=arr.slice(1,3);
result=arr.slice(3);
result=arr.slice(1,-1);
console.log(result);
splice()方法
该方法可以删除数组中指定的元素
该方法会影响原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回
参数:
1.表示开始位置的索引
2.表示删除的数量
3.替换删除的元素
var result=arr.splice(1,2,"66");
console.log(result);
concat()方法
该方法可以将两个或者多个数字连接起来,组合而成一个新的数组并返回
var arr=[1,2,3];
var arr1=[4,5,6];
var result=arr.concat(arr1);
console.log(result);//1,2,3,4,5,6
join()方法
该方法可以将一个数组转换成一个字符串
该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回
在join()中可以之当一个字符串作为参数,这个字符串将会成为数组中元素的连接符
如果不指定则默认使用,作为连接符
var arr=[1,2,3];
var result=arr.join("-");
console.log(result);//1-2-3
reverse()方法
该方法可以用来反转数组(前面的去后面,后面去前面)
该方法会直接修改原数组
var arr=[1,2,3];
var result=arr.reverse();
console.log(result);//3,2,1
sort()方法
该方法可以对数组进行排序
var arr=[1,3,2,6,4,8,5,9,7];
var result=arr.sort();
console.log(result);//1,2,3,4,5,6,7,8,9
数组的遍历
所谓的遍历,就是将所有数据都取出来
var arr=["111","222","333"];
for (var i=0;i<arr.length;i++){
console.log(arr[i]);
}
练习
向新的数组中添加年龄大于18的对象
function Person(name,age){
this.name=name;
this.age=age;
}
var per1=new Person(name="111",age=17);
var per2=new Person(name="111",age=19);
var per3=new Person(name="111",age=12);
var per4=new Person(name="111",age=20);
var perArr=[per1,per2,per3,per4];
function arrAy(arr) {
var newArr=[];
for (var i=0;i<arr.length;i++){
var p=arr[i];
if (p.age>18){
newArr.push(p);
}
}
return newArr;
}
var result=arrAy(perArr);
console.log(result);
数组去重
var arr=[1,2,3,4,5,6,4,3,7];
for (var i=0;i<arr.length;i++){
for (var j=i+1;j<arr.length;j++){
if (arr[i]==arr[j]){
arr.splice(j,1);
j--;
}
}
}
console.log(arr);