js中数组是比较常用的对象,同时js中的数组也十分的灵活。
一. 创建数组的方式
字面量数组
var arr=[1,2,3,4]
使用Array构造函数
var arr=new Array()//创建了一个空数组 var arr=new Array(6)//[undefined × 6] arr.length//6 用Array创建数组时,当里面的参数只有一个时,表示的是数组的长度. var arr=new Array(1,2,3)//[1, 2, 3] arr.length //3 arr[0] //1 arr[1] //2 arr[2] //3 用Array创建数组时,当里面的参数不止一个时,里面的参数代表的是数组的值
二. 数组的属性length
length属性表示的是一个数组的长度,即数组中元素的个数
数组中的每个元素都有一个索引号,而且索引号是从0开始。 var arr=[1,2,3,4,5] console.log(arr.length)//5 arr[0]// 1 数组的第一个元素,索引号从0开始。 arr[4]//5 数组的最后一个元素,索引号为length-1; 正是因为索引号从0开始,所以一个数组的上、下限分别为0和length-1
js中length属性是可变的
arr.length=6//增大数组的长度 console.log(arr.length)//6
三、 数组的添加和删除
(1)push():在一个数组的最后一个元素后面添加元素,这个方法会改变原数组
var arr=[1,2,3,4]
var newarr=arr.push(0)//在arr数组的后面加上0这个值。
console.log(newarr)//这个输出的结果是5,因为输出的是加入0后这个数组的长度。
console.log(arr)//[1, 2, 3, 4, 0]用push()添加元素后,原来的数组改变了
(2)pop():删除数组的最后一个元素,这个方法也会改变原数组。
var arr=[1,2,3,4]
var newarr=arr.pop()//删除数组的最后一个元素
console.log(newarr)//4,返回的是要删除的这个元素的值。
console.log(arr)//[1,2,3] 原数组改变了。
(3)unshift():向数组头部添加一个元素,会改变原数组
var arr=[1,2,3,4]
var newarr=arr.unshift(0);在数组的头部添加0这个元素。
console.log(newarr)//5,和push方法一样,返回的是改变后的数组的长度。
console.log(arr)//[0, 1, 2, 3, 4]
(4)shift():删除数组的头部元素,会改变原数组
var arr=[1,2,3,4]
var newarr=arr.shift()
console.log(newarr)//1,和pop方法一样,返回的是删除的元素的值。
console.log(arr)//[2, 3, 4]
这四个方法都是用于对数组的删除和添加的,但是只能在数组的头部和尾部添加和删除,而且这四个方法都会改变原数组
(5)splice():用于对数组的插入和删除,而且不限于在数组的尾部和首部添加和删除,同样也会改变原数组,返回一个由删除元素组成的新数组,没有删除则返回空数组当在splice(a,b)里传入两个参数时,可以实现数组元素的删除.其中a参数表示的是绝对索引值,b参数表示的是而是删除动作执行的次数。
var arr=[1,2,3,4,5]
arr.splice(2,3)//[3, 4, 5],返回的是由删除元素组成的新数组,splice(2,3) 表示从索引号为2的这个元素开始删除的动作执行3次,所以删除的是3,4,5,这几个元素。
console.log(arr)//[1,2]当在splice(a,b,val)中传入三个参数时,可以实现数组的插入与替换,其中val表示的是插入的值。
当第二个参数为0时,表示插入,不删除原数组的任何元素。
var arr=[1,2,3,4,5] arr.splice(1,0,4)//[]没 有删除所以返回一个空数组。 console.log(arr)//[1, 4, 2, 3, 4, 5],元素组被改变,在索引号为1的元素前面插入了值为4的元素。
当第二个参数不为0时,表示先删除在插入,及我们平常所说的替换。
var arr=[1,2,3,4,5] arr.splice(1,1,5)//[1]返回有删除的元素组成的新数组。 console.log(arr)//[1, 5, 3, 4, 5],把索引号为1的元素删除,然后把值为5的元素加入进去,也就是5替换了原来的2.
有了splice()方法后,我们可以用splice()方法分别实现上面的push()、pop()、unshift().shift()等方法。
用splice实现push()
function push(arr,val) { arr.splice(arr.length,0,val) return arr } var arr=[1,2,3,4] push(arr,val)//[1, 2, 3, 4, 5]
用splices实现pop()
function pop(arr) { var b=arr.splice(arr.length-1,1)[0] console.log(arr) } var arr=[1,2,3,4] push(arr,val)//[1, 2, 3]
用splice实现unshift();
function unshift(arr,val) { arr.splice(0,0,val) console.log(arr); } var arr=[1,2,3,4] unshift(arr,0)// [0, 1, 2, 3, 4]
用splice实现shift();
function shift(arr) { arr.splice(0,1); return arr; } var arr=[1,2,3,4] shift(arr)//[2, 3, 4]
四、数组的其他操作
- join():是把数组元素使用参数作为连接符连接成一字符串,不会修改原数组内容
var arr=[“hello”,”jirengu”,”my”,”name”]
arr.join(” “);//”hello jirengu my name”
console.log(arr)//[“hello”, “jirengu”, “my”, “name”] - sort():sort方法用于对数组进行排序,会改变原数组。
- slice(start,end):用于返回数组中的一个片段或子数组。不会改变原数组,而是返回一个新数组。
var arr=[1,2,3,4]
arr.slice(1,2)//[2]
console.log(arr)//[1,2,3,4] - concat(array):用于拼接数组,
var arr1=[1,2,3,4]
var arr2=[5,6,7,8]
var arr3=arr1.concat(arr2)
console.log(arr3);//[1, 2, 3, 4, 5, 6, 7, 8] - Array.isArray(obj):这是ES5中的方法,用于判断一个对象是不是数组。
var a=[1,2,3]
var b=function() {console.log(‘1’)};
console.log(Array.isArray(a));//true
console.log(Array.isArray(b));//false - indexOf(element):这是ES5中的方法,用于查找数组内指定元素位置,查到第一个后放回其索引,没有找到就返回-1;
var arr1=[‘a’,’b’,’c’,’d’,’a’,’e’]
console.log(arr1.indexOf(‘a’))//0 - forEach(ele,index,arr):这是ES5中的方法,用于遍历数组。参数为一个回调函数,回调函数中有三个参数。
var arr1=[‘a’,’b’,’c’,’d’,’a’,’e’]
arr1.forEach(function(e,idx,array) {
array[idx]=e.toUpperCase();
});
console.log(arr1)//”A”, “B”, “C”, “D”, “A”, “E”]