Javascript中数组(Array)常用的方法
在学习和编写Javascript代码的时候,对数组的操作是必须要掌握的,例如常见的添加push(),删除delete(),截取slice(),删除splice(),排序sort(),反序reverse()等等。
1、添加数组元素push()
push()方法是可以将一个或多个的元素添加到数组的尾部。
代码1:
<script type="text/javascript">
var arr = new Array() ;
arr[0] = "h" ;
arr.push("a","b","c") ; //在数组的尾部添加多个元素
for(var i = 0;i<arr.length;i++){
console.info(arr[i]) ;
}
</script>
如果是想在数组的前面添加元素的话,那么可以使用unshift()方法。
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。 push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
2、删除数组元素delete()
var arr = new Array(10) ;
var i = 0 ;
function fuzhi(){
if(i<arr.length){
arr[i] = "name" + i ;
i++ ;
fuzhi() ;
}
}
fuzhi();
delete arr[5]; //这样就能将数组下标为5的元素删除注意:使用dekete删除数组元素的时候,数组的长度是不会改变的,arr的长度依然是10。也可这么理解,将arr[5]的值变为undefined。
3、截取数组slice() -- 从已有的元素中截取指定区间的元素,返回一个新的数据。新数组包含截取的元素。
var arr = ["a","b","c","d","e","f","g"] ;
var newArr = arr.slice(1,5) ;
for(var i=0;i<newArr.length;i++){
console.info(newArr[i]) ;
}
语法:slice(start,end);
参数:start:第一个参数是必需的,规定是从数组的什么位置开始选取。如果是负数的话,那么说明从数组的尾部开始算起,-1表示最后一个元素,-2表示倒数第二个,依次类推。
end:可选参数。说明到哪个地方结束。也可以是负数,-1表示最后的元素。截取数组的中不包括end值的元素。
4、截取或添加数组元素splice()
a、删除元素,语法:splice(start,num)
//从下标index为1的元素开始删除,一共删除两个
for(var i=0;i<arr.length;i++){
//结果是a,d,e,f
}
注意:有些书籍或文档说start和num这两个参数都是必须的,但其实不然,当只有一个参数的时候,表示从下标index的位置开始,删除后面的所有元素。
//从下标index为1的元素开始删除,一共删除两个
for(var i=0;i<arr.length;i++){
//结果是a ,删除了arr[1]后面的所有元素
}
splice()的返回值是一个被删除或者添加元素后的新数组。在开发中我们可以使用来删除第一个元素或者最后一个元素。
//删除第一个后面的所有元素,返回被删除元素的数组,可以理解为删除第一个元素
var newArr = arr.splice(1) ;
for(var i=0;i<arr.length;i++){
//结果是a ,删除了arr[1]后面的所有元素
}
b、在指定的位置添加/替换一个或多个的元素,语法:splice(start,num,item1,item2...) ;
添加元素:当num为0的时候是添加元素
arr.splice(1,0,"h","i") ;
for(var i=0;i<arr.length;i++){
//结果是a,h,i,b,c,d,e,f
}
替换元素:当num大于0的时候,说明将item1,item2...替换掉下标为start后面的num个元素
arr.splice(1,3,"h","i") ;
for(var i=0;i<arr.length;i++){
//结果是a,h,i,e,f
}
5、排序sort(sortBy) ,返回值是对数组的引用(在原来的数组基础上进行的排序,不生成新的副本)
参数:sortBy,这里是可选,规定排序的规则。参数必须是函数(必须要有返回值)。
var arr = [{"name":"张三","age":23},{"name":"李四","age":21},{"name":"王五","age":20}];
arr.sort(function(obj){
//这里会根据数组中每个元素对象的年龄进行排序
return obj.age; //返回年龄,当然你可以定义其他的规则
});
for(var i=0;i<arr.length;i++){
console.info(arr[i]) ;
} 如果没有给定sortBy参数的话,那么就会按照默认的规则去排序。
6、反序reverse()。颠倒数组元素中的数据。会在原来数组的基础上进行操作,不会产生新的副本。
var arr = ["a","b","c","d"];
arr.reverse() ;
for(var i=0;i<arr.length;i++){
console.info(arr[i]) ; //d,c,b,a
}