JS自定义对象以及相关成绩系统完整案例演示
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
*/
var classes = {
//先声明一个classes类
className : "HTML5-1705",
studentCount : 27,
students : [
{name:"张三",sex:"女",chinese:20,maths:30,english:80,sum:90},
{name:"李四",sex:"女",chinese:80,maths:65,english:85,sum:75},
{name:"王五",sex:"男",chinese:68,maths:48,english:75,sum:94}
],
addStudent : function(){
//添加学生信息的行为
var name = prompt("请输入学员姓名：");
var sex = prompt("请输入学员性别：");
var chinese = parseFloat(prompt("请输入学员语文成绩："));
var maths = parseFloat(prompt("请输入学员数学成绩："));
var english = parseFloat(prompt("请输入学员英语成绩："));
var sum = chinese + maths + english;
var student = {
name : name,
sex : sex,
chinese : chinese,
maths : maths,
english : english,
sum : sum
}
this.students.push(student);
this.students.sort(function(a,b){
return b.sum - a.sum;
});
},
showStudent : function(){
//显示学生信息的行为
var arr = this.students;
console.log("\tHTML5-1705班成绩展示");
console.log("序号\t姓名\t性别\t语文\t数学\t英语\t总分");
arr.sort(function(a,b){
return b.sum - a.sum;
});
arr.forEach(function(item,index){
console.log((index+1)+"\t\t"+item.name+"\t"+item.sex+"\t\t"+item.chinese+"\t\t"+item.maths+"\t\t"+item.english+"\t\t"+item.sum);
})
},
delStudent : function(){
//删除学生信息的行为
if(this.students.length<=0) {
alert("没有学员数据，无法删除！");
return;
}
var no = prompt("请输入要删除的学员序号：");
if(no<1 || no> this.students.length){
alert("序号输入有误！请确认学员序号重新输入！");
return;
}
this.students.splice(no-1,1);
},
searchStudent : function(){
//查询学生信息的行为
var no = prompt("请输入要查询的学员序号：");
var arr = this.students;
if(no<1 || no > arr.length){
alert("查无此人！请确认序号！");
}else{
console.log("查询完成！查询到学员信息如下：");
console.log("序号\t姓名\t性别\t语文\t数学\t英语\t总分");
console.log(no+"\t\t"+arr[no-1].name+"\t"+arr[no-1].sex+"\t\t"+arr[no-1].chinese+"\t\t"+arr[no-1].maths+"\t\t"+arr[no-1].english+"\t\t"+arr[no-1].sum);
}
},
updateStudent : function(){
//修改学生信息的行为
if(this.students.length<=0) {
alert("没有学员数据，无法修改！");
return;
}
var no = prompt("请输入要修改的学员序号：");
if(no<1 || no> this.students.length){
alert("序号输入有误！请确认学员序号重新输入！");
return;
}
if(!confirm("您确认修改学员是【"+this.students[no-1].name+"】吗？")){
alert("操作已取消！");
return;
}
var name = prompt("请输入学员姓名：");
var sex = prompt("请输入学员性别：");
var chinese = parseFloat(prompt("请输入学员语文成绩："));
var maths = parseFloat(prompt("请输入学员数学成绩："));
var english = parseFloat(prompt("请输入学员英语成绩："));
var sum = chinese + maths + english;
var student = {
name : name,
sex : sex,
chinese : chinese,
maths : maths,
english : english,
sum : sum
}
this.students[no-1] = student;
}
}
console.log("\t成绩管理系统");
console.log("1、展示学员信息\t2、学员信息录入\n3、删除学员信息\t4、查询学员信息\n5、修改学员信息\t6、退出系统");
while (true){
var num = parseInt(prompt("请输入操作序号"));
var is = false;
switch (num){
case 1:
classes.showStudent();
break;
case 2:
classes.addStudent();
console.log("信息录入成功！");
classes.showStudent();
break;
case 3:
classes.delStudent();
console.log("信息删除成功！");
classes.showStudent();
break;
case 4:
classes.searchStudent();
break;
case 5:
classes.updateStudent();
console.log("信息修改成功！");
classes.showStudent();
break;
case 6:
console.log("系统退出成功！");
is = true;
break;
default:
alert("序号输入有误！");
break;
}
if(is) break;
console.log("是否继续？(输入N退出系统)");
var isGo = prompt("请输入序号：N退出系统，其他字符继续");
if(isGo == "N" || isGo == "n"){
console.log("系统退出成功！");
break;
}
}
</script>
</head>
<body>
</body>
</html>
JS自定义对象以及相关成绩系统完整案例演示的更多相关文章
- JS 自定义对象 属性
js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在J ...
- js自定义对象.属性 笔记
<一> js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtabl ...
- js自定义对象
一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascrip ...
- JS自定义对象，正则表达式，JQuery中的一些知识点
一:自定义对象 1.基本概念:①对象:包含一系列无序属性和方法的集合.②键值对:对象中的数据是以键值对的形式存在的,以键取值.③属性:描述对象特征的一系列变量.[对象中的变量]④方法:描述对象行为的一 ...
- js自定义对象 (转)
原文地址:https://sjolzy.cn/js-custom-object.html 29 March 2010 9:53 Monday by 小屋 javascript进阶之对象篇 一,概述 在 ...
- Node.js自定义对象事件监听与发射
一.Node.js是以事件驱动的,那我们自定义的一些js对象就需要能监听事件以及发射事件.在Node.js中事件使用一个EventEmitter对象发出,该对象在events模块中.它应该是使用观察者 ...
- js 中对象--属性相关操作
查询属性: 可以用 对象.属性 来查询属性和属性方法 或者 对象[“属性”] 来查询属性和属性方法 演示代码: <script ...
- js自定义对象和类
1.工厂方式 <script type="text/javascript"> function createObject(name){ var p = n ...
- JS 创建自定义对象的方式方法
一.概述 还记得刚开始做项目的时候,看到别人封装的js工具类百思不得其解,看来看去看不懂,深挖一下,其实就是自己没有耐下心去看,但是遇到问题不解决,总会遇到的,今天还是遇到了,就去找了找帖子,重新思考 ...
随机推荐
- 头文件string.h里的函数
.strcpy 函数名: stpcpy 功 能: 拷贝一个字符串到另一个 用 法: char *stpcpy(char *destin, char *source); 程序例: #include &l ...
- (6)UIView常见属性二
例如创建一个view视图,view是最纯洁的控制,必须得指定它的位置,而不像其他的控件像UISwitch默认都有一个位置 在viewDidLoad方法中打印它的位置: 将控件放入一个视图中,只需移动白 ...
- Python 实现排序算法
排序算法 下面算法均是使用Python实现: 插入排序 原理:循环一次就移动一次元素到数组中正确的位置,通常使用在长度较小的数组的情况以及作为其它复杂排序算法的一部分,比如mergesort或quic ...
- Java-将多线程停止的两种方法
线程如何停止呢 stop方法过时了,看起描述发现,有其他解决方案. 线程结束:就是让线程任务代码执行完,run方法结束. run方法怎么结束呢? run方法中通常都定义循环,只要控制住循环就哦了. / ...
- openstack中dashboard页面RuntimeError: Unable to create a new session key. It is likely that the cache is unavailable.
环境是centos7,直接跑在服务器上. 按照官网一步步安装openstack,到验证dashborad时出错. 登录http://192.168.1.73/dashboard ,输入域名,用户名,密 ...
- HTML5入门（一）—— 基本标签&表格
一.HTML简介 超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML Head部分 <1>Head的作用 用于描述网页的一些关键信息.比如网页的 ...
- angular学习（一）-- Expression
1.1 表达式:Expression 在AngularJS中,表达式是一种类似于模板引擎的语法, 可以在书写的位置 "输出" 数据. 基本使用 表达式写在双大括号内:{{ expr ...
- 【NO.9】jmeter - 一个完整的接口测试的脚本
使用Jmeter对一个接口地址或者一个页面地址执行N次请求,下面来说说怎么建立一个测试脚本(也称为”测试计划”). 1. 运行Jmeter.bat 双击＂Jmeter.bat＂文件,稍等片刻后J ...
- Python3+迭代器与生成器
转载Python3 迭代器与生成器 迭代器 迭代是Python最强大的功能之一,是访问集合元素的一种方式. 迭代器是一个可以记住遍历的位置的对象. 迭代器对象从集合的第一个元素开始访问,直到所有的元素 ...
- JS正则密码复杂度校验之：至少有多种字符中的其中几种
概述 续接上文的密码校验要求: 这个需求有两个难点,一,是如何使用正则匹配所有半角英文标点符号,二,是如何验证密码段中在要求的四种(大写字母,小写字母,数字,标点符号)类型中至少存在三种. 第一个难点 ...