对象、math、date

对象

  • 基础类型
    number string boolean null undefined

  • 引用类型
    数组 函数 对象

定义:对象是指一个具体的事物。万物皆对象。
一个具体的事物一般都会有行为和特征。

  • 举个例子:
    手机:
    行为:打电话 聊微信 玩和平精英 刷新闻
    特征:颜色 屏幕分辨率 摄像头像素

  • 对象的行为------js对象的函数

  • 对象的特征------js对象的属性

1、JavaScript中的对象

  • JavaScript中的对象可以看做生活中具体事物的抽象。

  • js对象是属性+函数的集合。

  • 属性:可以是基本数据类型,也可以是引用数据类型。

2、创建一个对象的两种方法

1、.使用new关键字类创建
在这里插入图片描述

2.使用字面量
在这里插入图片描述

2.1新增属性

1、 对象名.属性名=属性值;

eg:hero.a = “韩信”;
在这里插入图片描述

2、eg:hero[“b”] = 30;

2.2 使用属性

格式: 对象名.属性名

在这里插入图片描述

2.3 新增方法

 // 新建一个对象
        var hero = new Object();
        // // // 新增属性
        hero.a = "韩信";
        // hero.b = "30";
        hero["b"] = 30;
        // // 使用属性
        document.write(hero.a);
        // alert(hero.b);
        document.write(hero["b"]);

        // // 新增方法
        hero.c = function() {
    
    
            document.write("对方对你使用了一技能")
        }
        hero.c()

在这里插入图片描述

3 遍历属性

for…in语法
key 表示属性名
属性值:obj[key]

for(var key in obj){

}

在这里插入图片描述

4 删除属性

        delete 对象名.属性名

在这里插入图片描述

对象的分类

  • 1.内建对象

由ES标准定义的对象,在任何ES实现中都可以使用 js提供的对象
Math String Number Boolean Function Object

  • 2.宿主对象

    主要有浏览器提供的对象。
    BOM DOM

  • 3.自定义对象

    开发人员自己定义的对象。

基本类型与引用类型的区别

  • 区别:

基础数据类型的数据存储在栈中,变量直接指向的是基础数据类型的值。
引用数据类型的数据存储在堆中,变量指向的是引用数据类型的地址。

  • 比较:
    而引用数据类型比较时,比较内存地址,如果内存地址相同,指向了同一个对象,则相等,否则不相等。

  • 引用类型

   var hero = {
    
    
            "a": "亚索",
            "b": "狂风绝息斩"
        }
        var hero2 = {
    
    
            "a": "亚索",
            "b": "狂风绝息斩"
        }
        var hero2 = hero;
        hero.a = "使用一技能";
        document.write(hero.a);
        document.write(hero2.a);

在这里插入图片描述

 // 基础类型
        var a = 10;
        var b = a;
        a++;
        // 比较的是值,这是给a的值变了,但是b的值没变。
        document.write(a);

        document.write(b);

在这里插入图片描述

Math对象

提供了很多关于运算的方法。

  • Math.random(); 返回0-1之间的随机数。

在这里插入图片描述

  • 假如我们需要一个n-m之间的数。

  • Math.round(Math.random()*(m-n)+n)

  • Math.floor(Math.random() * (m - n + 1) + n);

在这里插入图片描述

  • Math.round() 四舍五入

在这里插入图片描述

  • Math.max()返回最大值
    在这里插入图片描述
  • Math.min()返回最小值

在这里插入图片描述

  • Math.abs() 返回绝对值

在这里插入图片描述

  • Math.ceil()向上取整

  • Math.floor() 向下取值

  • Math.pow(x,y) x的y次方

  • Math.sqrt(num) 开平方

  • Math.PI = 180° 弧度。
    1弧度=Math.PI/180.

Date对象

1.创建日期对象。
Wed Jan 06 2021 14:38:02 GMT+0800 (中国标准时间)
星期 月 日 年 时分秒 时区
创建日期对象是,可以指定日期。时分秒若不填写,则默认为00:00:00

指定日期的几种方式:
1.new Date(“2021/01/07”)
在这里插入图片描述

2.new Date(2020,09,30,15,33,20);
在这里插入图片描述
3.new Date(1576800000000);

在这里插入图片描述

4.new Date(“2020-12-31 12:30:20”);
在这里插入图片描述

  • 在国外,月份是从0开始的,0-11

日期对象方法

  • 格式:Date.parse(日期对象);

  • 功能:将日期对象转为毫秒数。

  • 获取日期
    d为对象名

  • d.getTime() 获取当前的毫秒数。

  • d.getDate() 返回日

  • d.getDay() 返回周几。

  • d.getMonth() 获取月份 从0开始 范围为:0-11

  • d.getFullYear() 返回年

  • d.getHours() 获取小时数

  • d.getMinutes() 获取分钟数

  • d.getSeconds() 获取秒数

  • d.getMilliseconds() 获取毫秒数

  • d.getTimezoneOffset() 获取本地时间与格林威治时间的分钟差。
    在这里插入图片描述

  • 设置日期:
    d为对象名

  • d.setDate() 设置日期的天数。

  • d.setMonth() 设置月份

  • d.setFullYear() 设置日期的年份

  • d.setHours() 设置小时数

  • d.setMinutes() 设置分钟数

  • d.setSeconds() 设置秒数

  • d.setMilliseconds() 设置毫秒数
    在这里插入图片描述

日期格式化

在这里插入图片描述

init 初始化

猜你喜欢

转载自blog.csdn.net/weixin_53125457/article/details/112292258
今日推荐