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工具类百思不得其解,看来看去看不懂,深挖一下,其实就是自己没有耐下心去看,但是遇到问题不解决,总会遇到的,今天还是遇到了,就去找了找帖子,重新思考 ...
随机推荐
- 实例甜点 Unreal Engine 4迷你教程(5)之函数中的静态变量
本小节的教程无前置教程,可直接学习,篇幅很短. 本教程浓缩起来就是一句话:函数中的静态变量在调试过程中保留值.所以需要谨慎对待. 什么意思?请先不要一步一步对着做,而整体地看一遍下面的过程: 第一步: ...
- Python 发展历史
1. Python发展历史 起源 Python的作者,Guido von Rossum,荷兰人.1982年,Guido从阿姆斯特丹大学获得了数学和计算机硕士学位.然而,尽管他算得上是一位数学家,但他更 ...
- sql 日记
--4.选择雇用时间在1998-02-01到1998-05-01之间的员工姓名,job_id和雇用时间select last_name,job_id,hire_datefrom employeeswh ...
- NYOJ--102--次方求模（快速求幂取模）
次方求模 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 求a的b次方对c取余的值 输入 第一行输入一个整数n表示测试数据的组数(n<100)每组测试只有一 ...
- C# 6.0 内插字符串 (Interpolated Strings )
讲Interpolated Strings之前,让我们先看EF Core 2.0 的一个新的特性:String interpolation in FromSql and ExecuteSqlComma ...
- akoj-1076-Encoding
Encoding Time Limit:1000MS Memory Limit:65536K Total Submit:62 Accepted:35 Description Given a stri ...
- NYOJ-63 小猴子下落（二叉树及优化算法详解）
小猴子下落 时间限制:3000 ms | 内存限制:65535 KB 难度:3 描述 有一颗二叉树,最大深度为D,且所有叶子的深度都相同.所有结点从左到右从上到下的编号为1,2,3,··· ...
- HTML——CSS的基础语法1
页面中所有CSS代码,需要写入到<style></style>标签中. style标签的type属性应该选择text/css,但是type属性可以省略. 1.CSS常用选择器 ...
- Loadrunner 网页诊断图
Loadrunner 11汉化后版本不包括网页诊断图,所以要想使用网页诊断图,不要汉化.12.50版本汉化后不受影响. 场景执行完,进行analysis时,才能打开网页诊断图. 网页诊断图中组件下载时 ...
- 从SAP顾问猝死事件谈顾问加班
今天朋友圈盛传一则消息,说是南瑞集团的一名名为牛耕耘的SAP顾问因为工作强度大,连续不分昼夜加班而猝死在工作岗位上,遗留下年迈的父母.体弱的妻子.刚满周岁的孩子和巨额的债务.我无法证实该消息的真伪,但 ...