<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JavaScript的数组详解</title>
</head>
<script>
//创建数组
var arr=["one",2,true,function(name){return name;},[1,2,3]];//JavaScript的数组可以包含不同类型元素(string,Nunmber,函数,数组等)
//数组也可以当做对象使用
console.info(arr);
console.info(arr.length);
//访问
console.info(arr[3]);
console.info(arr[10]);//输出undefined,没有定义的元素为undefined,不报错
//追加元素
arr[10]=2;
console.info(arr[10]);
console.info(arr[9]);//undefined
//数组的相关操作
//1两个数组的连接
var left=[1,2,4];
var right=[5,6,7];
console.info(left.concat(right));//[1, 2, 4, 5, 6, 7]
//2数组元素连接成一个元素
console.info(left.join("<-->"));//1<-->2<-->4
//3数组可当做堆栈使用 push在数组尾部添加元素 pop在数组尾部剔除元素
console.info(left.push("one"));
console.info(left.pop());//one
//unshift在数组前追加元素, shiftzai前删除元素
console.info(left.unshift("two"));
console.info(left.shift());//two
//slice(1,3)抽取元素[1,3)
console.info(left.slice(1,3));//2,4
//splice(1,1)//从第一个元素后删除1个元素
console.info(left.splice(1,1));//2
console.info(left);//[1,4]
//splice(1,1,"one",two)从第一个元素后删除1个元素,在删除地方添加两个“one”,“two”
left.splice(1,1,"one","two");
console.info(left);//[1,"one","two"]
//delete 将对应元素删除(改为undefined)
delete left[1];
console.info(left[1]);//undefined
//数组的排序
function People(name,age){
this.name=name;
this.age=age;
}
var people=[];
for(var i=0;i<5;i++){
var name="user"+(i+1);
var age=parseInt((Math.random()*10));
people[i]=new People(name,age);
}
var printPeople=function(people){
//回调foreach(function),foreach是数组对象的函数
people.forEach(function(value,index,traversedObj){
console.info(value.name+":"+value.age);
});
}
printPeople(people);
//下面进行排序
console.info("排序后");
people.sort(function(p1,p2){
if(p1.age>p2.age){
return 1;
}
if(p1.age<p2.age){
return -1;
}else{
return 0;
}
});
printPeople(people);
</script>
<body>
</body>
</html>
javascript基础之四(数组详解)
最新推荐文章于 2024-09-14 15:06:23 发布