【自定义对象】
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. Dubbo实战快速入门 （转）

    Dubbo是什么? Dubbo[]是一个分布式服务框架,致力于提供高性能和透明化的RPC远程服务调用方案,以及SOA服务治理方案. 其核心部分包含: 远程通讯: 提供对多种基于长连接的NIO框架抽象封 ...

  2. Activity中finish()和onDestroy()的区别

    finish()方法用于结束一个Activity的生命周期,而onDestory()方法则是Activity的一个生命周期方法,其作用是在一个Activity对象被销毁之前,Android系统会调用该 ...

  3. 在myeclipse的jsp编辑器中怎么把Source/Preview调出来的方法步骤

    1.点击要打开的jsp 文件. 右键.选择 open with -->  MyEclipse Visual JSP Designer 就好了. 2. 如果想所有的jsp  都默认使用 这个可视化 ...

  4. HTML 基本标签01

    ↑ !DOCTYPE 文档类型声明:让浏览器,按html5的标准对代码进行解释与执行 文档类型声明必不可少,而且,必须放在文档最上方 如果不写文档类型声明,浏览器会默认按照兼容模式运行,可能会出现不明 ...

  5. 【FlashPlayer】-Debug版本-开发人员推荐

    Adobe的Flash-Player的版本分为“普通版本”和“Debug版本”,后者可以协助开发者测试和调试程序. 那么,先给出Debug版本的下载地址:http://www.adobe.com/su ...

  6. webpack的四个核心概念介绍

    前言 webpack 是一个当下最流行的前端资源的模块打包器.当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后 ...

  7. QtWebEngine加载资料缓慢

    最近由于项目需要(另外Qt后续版本也将不再支持QtWebKit),把Qt工程涉及QtWebKit的移植为QtWebEngine,用的Qt版本为5.5.0,结果出现QWebEngineView加载网页是 ...

  8. 为什么C++中声明和定义要分开写

    现在开始写项目了,你会发现我们一般都要写一个cpp,对应的还得有一个h文件,那么为什么在C++中我们要这么做? .h就是声明,.cpp就是实现,而所谓分离式实现就是指"声明"和&q ...

  9. ABP从入门到精通（5）：使用基于JWT标准的Token访问WebApi

    项目:asp.net zero 4.2.0 .net core(1.1) 版本 我们做项目的时候可能会遇到需要提供api给app调用,ABP动态生成的WebApi提供了方便的基于JWT标准的Token ...

  10. markdownpad生成目录

    生成目录 document.addEventListener("DOMContentLoaded", function() { // 生成目录列表 var outline = do ...