zoukankan      html  css  js  c++  java
  • 【知了堂学习笔记】/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学习社区额。

  • 相关阅读:
    二分练习题4 查找最接近的元素 题解
    二分练习题5 二分法求函数的零点 题解
    二分练习题3 查找小于x的最大元素 题解
    二分练习题2 查找大于等于x的最小元素 题解
    二分练习题1 查找元素 题解
    code forces 1176 D. Recover it!
    code forces 1173 B. Nauuo and Chess
    code forces 1173 C. Nauuo and Cards
    吴恩达深度学习课程笔记-15
    吴恩达深度学习课程笔记-14
  • 原文地址:https://www.cnblogs.com/qqmei/p/8280935.html
Copyright © 2011-2022 走看看