前端第二阶段-10（JavaScript的数组array）

BadVictory

已于 2022-08-21 09:48:32 修改

阅读量280

点赞数

分类专栏： # 前端开发第二阶段文章标签： javascript 前端开发语言

于 2022-08-19 22:42:18 首次发布

本文链接：https://blog.csdn.net/Victory_bad/article/details/126400248

版权

数组

数组是一组数据有序排列的集合。将一组数据按一定顺序组织为一个组合，并对这个组合命名，这样便构成了数组。数组是复合数据类型，都可以保存多个数据，数组里面的元素可以是number、string、Boolean、null、undefined、object、arrry和代码

数组元素：组成数组的每一个数据称为数组的一个数组元素

数组索引：每一个数组元素对应一个整数值，称为数组元素索引，或者数组元素下标。元素索引为非负整数，由0开始依次增加，即第一个元素索引为0，依次为1，2等

数组元素的访问：对数组中各个元素，使用数组名加上以方括号”[ ]”括起来的元素索引进行访问。元素索引为元素在数组中的位置序号

数组的长度：数组元素的个数称为数组的长度

定义数组

1.字面量方式

语法：声明数组名=[元素1,元素2,···];
const arr1=[20,34,23,28];

2.new实例化方式

语法：声明数组名=new Array(元素1,元素2,···);
const arr2=new Array(20,34,23,28);

字面量和实例化方式的区别：

实例化方式当只创建一个数字的时候，会创建长度等于该数字的数字，里面内容为empty（空）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /*
        创建数组的方法：
            1.字面量
            2.new实例化方式
        字面量和实例化方式的区别：
            实例化方式当只创建一个数字的时候，会创建长度等于该数字的数字，里面内容为empty（空）
    */ 
    const arr=[];//创建空数组
    const arr1=[20,34,23,28];
    const arr2=new Array(20,34,23,28);
    const arr3=new Array();//创建空数组
    const arr4=new Array(4);//创建了4个空的
    console.log("arr:"+arr,"\narr1:"+arr1,"\narr2:"+arr2,"\narr3:"+arr3,"\narr4:"+arr4);

</script>
</html>

效果：

访问数组所有元素

语法：数组名
打印出所有数组console.log("arr所有数组：",arr);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    const arr=["李四","张三","王五","陈六"];
    // 打印出所有数组
    console.log("arr所有数组：",arr);
</script>
</html>

访问数组中的元素

语法：数组名[数组下标]
打印出arr数组下标为1的元素，console.log(arr[1]);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<

最低0.47元/天解锁文章

BadVictory

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端第二阶段-10（JavaScript的数组array）

1.字面量方式语法：声明数组名=[元素1,元素2,···];2.new实例化方式语法：声明数组名=new Array(元素1,元素2,···);实例化方式当只创建一个数字的时候，会创建长度等于该数字的数字，里面内容为empty（空）创建数组的方法：1.字面量2.new实例化方式字面量和实例化方式的区别：实例化方式当只创建一个数字的时候，会创建长度等于该数字的数字，里面内容为empty（空）
复制链接

扫一扫