• 【知了堂学习笔记】/JavaScript对象--/暖妮


    JavaScript对象

    1.什么是JavaScript对象?

    JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。

    在 JavaScript 中,对象是拥有属性和方法的数据。

    2.JavaScript对象的分类

    (1)内建对象

    js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象,包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。

    其中Global和Math这两个对象又被称为“内置对象”,这两个对象在脚本程序初始化时被创建,不必实例化这两个对象。

    (2)自定义对象

    1. 通过var obj={}  对象字面量(object literal)法
    2. 通过构造函数创建对象:function Person(){}   var Person=function(){}
    3. 通过Object.create创建对象

    3.访问对象的属性和方法

     (1)属性操作

    1. 访问属性
    2. 添加属性
    3. 修改属性
    4. 删除属性
    5. 遍历属性

    (2) 访问方法:对象名.方法名()   eg:Obj.Name     对象名["方法名"]      eg: Obj["Name"]

    注意:1.在引用已有的对象属性时,并有属性名的情况下,用点和中括号是一样的;若属性是数组或者是对象,没有属性名,则要用类似数组元素引用的方式,用中括号+下标表示。

       2.在创建函数属性的时候,若属性名是已知的。用点和中括号的的方式一样。若属性名是一组变量,则只能用中括号表示。中括号的灵活应用可以让代码变的很强大。

    4.实例运用

    1.猜数字游戏,有一个0-100随机数 玩家有5次输入的机会猜,每次猜一次,都要将结果告诉玩家是小了,还是大了,如果在5次机会内猜中,输出“聪明”,程序结束,如果5次机会用完 程序直接结束。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
        <!-- 1.猜数字游戏,有一个0 - 100随机数 玩家有5次输入的机会猜,
            // 每次猜一次,都要将结果告诉玩家是小了,还是大了
            // 如果在5次机会内猜中,输出“聪明”,程序结束
            // 如果5次机会用完 程序直接结束。 -->
        <script>
                  var arr = parseInt(Math.random()*100);
    
                       for(var i=5;i>0;i--){
                    n=parseInt(window.prompt("请输入一个0-99的数字"+"只有"+i+"次机会额"));
                       if(n>arr){
                           alert("这个数比随机数大,还有"+(i-1)+"次机会额");
                       }
                       else if(n<arr){
                          alert("这个数比随机数小,还有"+(i-1)+"次机会额");
                       }
                       else if(n==arr){
                        alert("聪明,猜对了额");
                       }
                    }
                    alert("数字是"+arr+"想不到吧");
        </script>
    </body>
    
    </html>

    2.输入2个日期 (年月日),计算两个日期相差多少天?

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <script>
        /* 3.输入2个日期 (年月日),计算两个日期相差多少天? */
         var arr=new Array();
         arr[0]=new Date(window.prompt("请输入第一个日期"));
         arr[1]=new Date(window.prompt("请输入第二个日期"));
         var time=0;
         time=(arr[0]-arr[1])/1000/60/60/24;//time=(arr[0]-arr[1])/(24*3600*1000)   计算天数
         document.write(Math.abs(time));
      </script>
    </body>
    </html>

    本次是小姐姐第一次写博客,对于JavaScript对象也还在研究学习中,写得不足之处还请大家多多包涵,希望能与大家多多交流学习。感谢您在百忙之中翻阅我的随笔,如果想了解更多的JavaScript知识,可以关注zhiliaotang.com学习社区额。

  • 相关阅读:
    41. 缺失的第一个正数
    40. 组合总和 II
    39. 组合总和
    38. 外观数列
    35. 搜索插入位置
    设计模式(1)单例模式
    一篇文章彻底搞懂Java的大Class到底是什么
    Vue实现一个MarkDown编辑器
    7 二分搜索树的原理与Java源码实现
    6 手写Java LinkedHashMap 核心源码
  • 原文地址:https://www.cnblogs.com/qqmei/p/8280935.html
Copyright © 2020-2023  润新知