JavaScript入门(part8)--数组

学习笔记，仅供参考，有错必纠

参考自：pink老师教案

文章目录

JavaScript入门
- 数组
- - 数组的概念
  - 创建数组
  - 获取数组中的元素
  - 数组的length属性

JavaScript入门

数组

数组的概念

数组可以把一组相关的数据一起存放，并提供方便的访问(获取)方式；数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

创建数组

JavaScript中中创建数组有两种方式。

利用 new 创建数组

var 数组名 = new Array();
var arr = new Array();   // 创建一个新的空数组

利用数组字面量创建数组

//使用数组字面量方式创建空的数组
var  数组名 = [];
//使用数组字面量方式创建带初始值的数组
var  数组名 = ['小白', '小黑','大黄', '瑞奇'];
//声明数组并赋值称为数组的初始化

数组元素的类型

数组中可以存放任意类型的数据，例如字符串，数字，布尔值等，例如：

var arrStus = ['小白',12,true,28.9];

获取数组中的元素

数组可以通过索引来访问、设置、修改对应的数组元素，可以通过数组名[索引]的形式来获取数组中的元素。

索引(下标) ：用来访问数组元素的序号(数组下标从0开始)

举个例子

HTML代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>数据类型</title><script>var mylist = [1, "山羊", true];for (item = 0; item < mylist.length; item++) {console.log("第" + item + "项为:" + mylist[item]);}</script></head><body></body></html>

控制台：

注意，如果访问时数组没有和索引值对应的元素，则得到的值是undefined。

数组的length属性

数组的长度，默认情况下为数组中元素的个数，使用数组名.length可以访问数组元素的数量(数组长度)。

var arrStus = [1,2,3];
alert(arrStus.length);  // 3

当我们数组里面的元素个数发生了变化，这个 length属性跟着一起变化；

如果设置的length属性值大于数组的元素个数，则会在数组末尾出现空白元素；

如果设置的length属性值小于数组的元素个数，则会把超过该值的数组元素删除。

举个例子