文章目录
数组
将一组相关的数据一起存放,并提供方便的访问方式
就是一组数据的集合,存在单个变量下
数组创建方法
1.new关键字
2.数组字面量创建数组(常用)
new关键字
<!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>
<script>
// new 创建数组
var arr = new Array(); // 创建了一个空数组
</script>
</head>
<body>
</body>
</html>
数组字面量创建数组
字面量—> [ ]
//数组字面量创建数组
var arr = [];
数组里面的数据 用 逗号 隔开
数组的初始化是 声明数组并赋值
访问数组元素
1.索引(下标):访问数组元素的下标(从0开始)
// 访问第三个元素
console.log(arr1[2]);
2.遍历数组 ————> 循环来实现
<!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>
<script>
//遍历数组: 就是把数组的元素从头到尾访问一次
var arr = ['red', 'green', 'blue'];
for (var i = 0; i < 3; i++) {
console.log(arr[i]);
}
</script>
</head>
<body>
</body>
</html>
数组长度
数组名.length
可以动态检查数组的长度(数组元素个数)
console.log(arr.length);
数组求和平均值
<!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>
<script>
//数组求和平均值
// 1.声明一个求和变量 sum
// 2.遍历这个数组,把里面每个数组元素加到 sum 里面
// 3.用求和变量 sum 除以数组的长度就可以得到数组的平均值
var arr = [2, 6, 1, 7, 4];
var sum = 0;
var arrage = 0;
for (i = 0; i < arr.length; i++) {
sum += arr[i];
}
arrage = sum / arr.length;
console.log(sum);
console.log(arrage);
</script>
</head>
<body>
</body>
</html>
数组转换为字符串
将数组[‘red’,‘green’,‘blue’,‘pink’] 转换为字符串 ,并且用 | 或其他符号分割
<!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>
<script>
//将数组['red','green','blue','pink'] 转换为字符串 ,并且用 | 或其他符号分割
// 1.需要一个新变量用于存放转换完的字符串 str
// 2.遍历原来的数组,分别把里面的数据取出来,加到字符串里面
// 3.同时在后面多加一个分隔符
var arr = ['red', 'green', 'blue', 'pink'];
var str = '';
var sep = '*';
for (var i = 0; i < arr.length; i++) {
str += arr[i] + sep;
}
console.log(str);
</script>
</head>
<body>
</body>
</html>