Web实验六 JavaScript实验

最新推荐文章于 2025-07-09 14:02:46 发布

原创最新推荐文章于 2025-07-09 14:02:46 发布 · 1.8k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web

本文旨在帮助读者掌握JavaScript的基础知识，包括变量、数据类型、运算符、逻辑控制语句以及数组和函数的使用。实验部分涉及根据给定数组按特定条件划分子集，以及生成4位数的字母数字验证码。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

一、实验目的：

掌握JavaScript的变量；

掌握JavaScript的数据类型；

掌握JavaScript 的运算符；

掌握JavaScript 的逻辑控制语句。

掌握JavaScript数组和函数的使用方式。

二、实验内容

1、给定数组var numberList = [35,23,30,40,12,18,21,15,49,8,37,10]，以30为基准，使得数组numberList以30为界形成两个子集，数组前子集"小于30"，后子集"大于等于30"，并输出结果。

<!DOCTYPE html>
<html>
<head>
	<title>javascript例子</title>
</head>
<body>
<script type="text/javascript">
    var numberList=[35,23,30,40,12,18,21,15,49,8,37,10];
    var arr1=new Array();
    var arr2=new Array();
    for( i=0;i<numberList.length;i++)
    {
       if(numberList[i]<30)
          {
          	arr1.push(numberList[i]);
          }
       else
          {
          	arr2.push(numberList[i]);
          } 
    }
    document.write("小于30的子集："+arr1);
     document.write("<br>");//换行
    document.write("大于等于30的子集："+arr2);

</script>
</body>
</html>

2、使用javascript的数组和数学对象，生成4位数验证码（验证码包含大小写字母和0到9的数字），并显示。

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript 随机验证码</title>
	<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
	var arr=[0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
	var yzm="";
	for(i=0;i<4;i++)
	{
		var sjs=Math.floor(Math.random()*62);//有多少个要用到的字符就是多少个 此处大小写字母各26个 还有0-9有10个
		yzm=yzm+arr[sjs];
	}
	document.write(yzm);
</script>
</body>
</html>

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

标签

#javascript #前端