【自定义对象】
1.基本概念
①对象是拥有一系列无无序属性和方法的集合
②键值对：对象中的数据，用以键值对的形式存在，对象的每个属性和方法，都对应一个键值，以键取值
③属性：描述对象特征的一系列变量称为属性【对象中的变量】
④方法：描述对象行为的一系列函数称为方法【对象中的函数】
2.对象的声明：
①使用字面量声明：var obj = {
key1:"value1",
key2:"value2",
func1:func(){}
}
对象的数据是以键值对形式存储，键与值之间用":"分隔,多个键值对之间用","分隔。
对象中的键可以是出了数组对象以外的任何数据类型但是一般我们只用普通变量名为键。
对象中的值可以是任何数据类型，包括数组和对象。
②使用new关键字声明
var obj = new Object()
obj.key1 = value1
obj.key2 = value2
obj.func = function(){}
3.对象中属性和方法的读写
①.运算符：对象名.属性   对象名.方法();
②通过[“key]调用，对象名.["属性名"] 对象名.["方法名"]();
如果键中包含其他字符，则只能用第②种方式。
对象中直接写变量名默认为调用全局变量，如果需要调用对象自身的属性或者方法，需要使用对象名.属性。或者this.属性
person.age this.age都可以，但推荐使用this关键字。
③删除对象属性的方法delete 对象名.属性名/方法名
 
案例
<!DOCTYPE html>
<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自定义对象以及相关成绩系统完整案例演示的更多相关文章

  1. JS 自定义对象 属性

    js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在J ...

  2. js自定义对象.属性 笔记

    <一> js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtabl ...

  3. js自定义对象

    一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascrip ...

  4. JS自定义对象，正则表达式，JQuery中的一些知识点

    一:自定义对象 1.基本概念:①对象:包含一系列无序属性和方法的集合.②键值对:对象中的数据是以键值对的形式存在的,以键取值.③属性:描述对象特征的一系列变量.[对象中的变量]④方法:描述对象行为的一 ...

  5. js自定义对象 (转)

    原文地址:https://sjolzy.cn/js-custom-object.html 29 March 2010 9:53 Monday by 小屋 javascript进阶之对象篇 一,概述 在 ...

  6. Node.js自定义对象事件监听与发射

    一.Node.js是以事件驱动的,那我们自定义的一些js对象就需要能监听事件以及发射事件.在Node.js中事件使用一个EventEmitter对象发出,该对象在events模块中.它应该是使用观察者 ...

  7. js 中对象--属性相关操作

    查询属性: 可以用 对象.属性 来查询属性和属性方法               或者                    对象[“属性”]  来查询属性和属性方法 演示代码: <script ...

  8. js自定义对象和类

    1.工厂方式 <script type="text/javascript"> function createObject(name){        var p = n ...

  9. JS 创建自定义对象的方式方法

    一.概述 还记得刚开始做项目的时候,看到别人封装的js工具类百思不得其解,看来看去看不懂,深挖一下,其实就是自己没有耐下心去看,但是遇到问题不解决,总会遇到的,今天还是遇到了,就去找了找帖子,重新思考 ...

随机推荐

  1. Open-Falcon第一步环境准备（小米开源互联网企业级监控系统）

    1.环境安装 本文采取rpm安装方式,大家也可以用源码包安装. wget http://download.fedoraproject.org/pub/epel/6/i386/epel-release- ...

  2. /dev/null 2>&1解释

    /dev/null 2>&1 解释 crontab内容 :50 18 5-30 * * /script/myscript.sh 1> /dev/null 2>&1 其 ...

  3. 使用bootstrap网格系统自适应盒子宽度时保持所有盒子高度一致。

    使用了bootstrap网格系统的好处是很容易便实现了响应式布局,盒子可以根据设置的样式,随着屏幕的大小改变而自动改变宽度,但是也存在一个问题,那就是盒子的高度是由盒子的内容决定的,如果盒子里的内容不 ...

  4. Qt样式表使用注意项

    Qt样式表使用注意项 <1>.StyleSheet的使用StyleSheet文件的默认后缀名为qss,可以通过命令行参数-stylesheet filename.qss来设置样式表,也可以 ...

  5. Linux学习(1)-常用快捷键、文件管理和查询

    有话要说 为什么要用Linux?要用Linux的原因太多,想说说不完啊. 如果你说用Linux只是为了装逼,那证明你真的还很菜.不排除有装逼了因素,那也只占非常少的比例,可以忽略不计. 我们反问一下, ...

  6. Python 序列的修改、散列和切片

    Vector类:用户定义的序列类型 我们将使用组合模式实现 Vector 类,而不使用继承.向量的分量存储在浮点数数组中,而且还将实现不可变扁平序列所需的方法. p.p1 { margin: 0.0p ...

  7. webService接口交互

    1.需要在XXXXX.wsdl中配置相应的类与service方法. 2.启动你的项目,打开浏览器,输入地址:http://localhost:8080/lis/services,就能看到你XXXXX. ...

  8. 原创：路由配置实践 两个局域网主机的互连 VM linux

    又开始齐天大圣讲课的时间了 我相信网络是每个运维人员和开发人员必不可少要接触的   今天我们要讲的是在VM虚拟机中 我们三台虚拟机划分两个局域网 实现不同局域网的互联 也就是下面图中的AC通过B主机的 ...

  9. Struts2学习笔记(五)——Action访问Servlet API

    在Strut2中访问Servlet API有三种方式: 1.通过ActionContext访问Servlet API,推荐使用这种,但是这种方案它获取的不是真正的事Servlet API. 步骤: 1 ...

  10. Windows8.1 与Ｕbuntu14.04双系统

    机型:联想 Y480 现有操作系统:win8.1 64位 物理内存:8G 磁盘存储:两个硬盘 1. SSD为固态盘 Solid State Drives  110G   现已安装有win8系统 2.H ...