• JavaScript: Data Structures


    1. // JavaScript Document
    2. // file:1.js
    3. // edit: geovindu, Geovin Du
    4. /*var GeovinDu = {
    5. firstName: "Geovin",
    6. lastName: "Du"
    7. };
    8. var student1 = {
    9. id: "12345678",
    10. courses: ["Programming I", "English II", "Chinese"],
    11. advised: false
    12. };
    13. console.log(GeovinDu.lastName); // displays "Du"
    14. console.log(student1["id"]); // displays "12345678"
    15. console.log(student1.courses[1]); displays "English II"
    16. student1.advised = true;
    17. GeovinDu.age = 50;*/
    18. $(document).ready(function () {
    19. function Person(first, middle, last) {
    20. this.first = first;
    21. this.middle = middle;
    22. this.last = last;
    23. this.initials = initials;
    24. }
    25. function CNPerson(sumname, realname, age,sex) {
    26. this.sumname = sumname;
    27. this.realname = realname;
    28. this.age = age;
    29. this.sex=sex;
    30. this.gender = gender;
    31. }
    32. function gender()
    33. {
    34. //暂时,以一个处理,不以数组处理
    35. var cn="";
    36. if(this.age>=18 && this.sex=="女")
    37. {
    38. cn="小姐";
    39. }
    40. if(this.age>=30 && this.sex=="女")
    41. {
    42. cn= "女士";
    43. }
    44. if(this.age>=18 && this.sex=="男")
    45. {
    46. cn= "先生";
    47. }
    48. if(this.age>=30 && this.sex=="男")
    49. {
    50. cn="先生";
    51. }
    52. return cn;
    53. }
    54. function initials() {
    55. //取第一个字母
    56. return this.first[0] + this.middle[0] + this.last[0];
    57. }
    58. var aPerson = new Person("Du","King","Geovin");
    59. console.log("First name: " + aPerson.first);
    60. console.log("Middle name: " + aPerson.middle);
    61. console.log("Last name: " + aPerson.last);
    62. console.log("Initials: " + aPerson.initials());
    63. var cPerson=new CNPerson("涂","聚文",25,"男");
    64. console.log("姓:"+cPerson.sumname);
    65. console.log("名:"+cPerson.realname);
    66. console.log("年龄:"+cPerson.age);
    67. console.log("性别:"+cPerson.sex);
    68. //cPerson.gender=gender();
    69. //console.log(cPerson.gender);
    70. console.log("称呼:"+cPerson.gender())
    71. $("#sumname").html(cPerson.sumname);
    72. $("#realname").html(cPerson.realname);
    73. $("#age").html(cPerson.age);
    74. $("#sex").html(cPerson.sex);
    75. $("#gender").html(cPerson.gender());
    76. });

    调用:

    1. html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
    7. <title>Data Structures & Algorithms with JavaScript title>
    8. <meta name="Description" content="geovindu,涂聚文,Geovin Du"/>
    9. <meta name="Keywords" content="geovindu,涂聚文,Geovin Du"/>
    10. <meta name="author" content="geovindu,涂聚文,Geovin Du"/>
    11. <script src="js/jquery-3.6.0.js">script>
    12. <script type="text/javascript" src="data/1.js">script>
    13. head>
    14. <body>
    15. <div id="sumname">dudiv>
    16. <div id="realname">geovindiv>
    17. <div id="age">div>
    18. <div id="sex">div>
    19. <div id="gender">div>
    20. body>
    21. html>

  • 相关阅读:
    嵌入式学习-FreeRTOS-Day3
    二十三种设计模式全面解析-桥接模式的高级应用:构建灵活的跨平台UI框架
    yolov5 create_dataloader原码及解析
    python中elasticsearch_dsl模块用法详解
    Python学习:if else对缩进的要求
    SpringCloud相关技术总结
    线程池异常捕获
    r9 5900hx和i9 12900h哪个好
    LibTorch之网络模型构建
    【小沐学前端】Node.js实现基于Protobuf协议的UDP通信(UDP/TCP)
  • 原文地址:https://blog.csdn.net/geovindu/article/details/133420149