javascript基础之四（数组详解）

最新推荐文章于 2024-06-07 10:25:20 发布

TinyTechFlux

最新推荐文章于 2024-06-07 10:25:20 发布

阅读量314

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u010510134/article/details/49365727

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!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>

TinyTechFlux

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript基础之四（数组详解）

<!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-Ty
复制链接

扫一扫