JavaScript 数组学习笔记
1.定义数组的方法
1.1 声明固定长度数组
下面代码演示定义一个固定长度的数组
var arr = [];
arr.lenght = 10;
1.2 声明可变长度数组
var arr = [];
1.3 在网页中使用数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>学生成绩案例</title>
<script>
// 输入学生总人数,将值赋给num
var num = prompt("请输入学生总人数:");
// 定义变量总成绩
var sum = 0;
// 定义变量平均值
var avg = 0;
for(var i = 1; i <= num; i++){
var score = prompt("请输入第" + i + "个学生的成绩");
// 因为prompt输出的类型是字符串类型,需要强制转换成浮点型
sum = sum + parseFloat(score);
}
avg = sum / num;
alert("学生总成绩为:"+sum);
alert("学生成绩平均值为:"+avg);
</script>
</head>
<body>
</body>
</html>
2 数组综合案例
2.1 数组最大值案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>数组最大值</title>
<script>
var arr = [2,6,1,77,52,25,7];
var max = arr[0];
for(var i = 1; i < arr.length; i++){
if(max < arr[i]){
max = arr[i];
}
}
console.log(max);
</script>
</head>
<body>
</body>
</html>
代码运行效果如下图所示
2.2 数组转换为字符串
代码如下所示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>数组转换为字符串</title>
<script>
var arr = ['red','blue','green','yellow'];
var result = '';
var str = '|';
for(var i = 0; i < arr.length; i++){
// 注意:一定要使用自增运算符,数组是不断递增连接的,所以要使用自增运算符,如果不用则出现的结果是yellow|
result += arr[i] + str;
}
console.log(result);
</script>
</head>
<body>
</body>
</html>