芒果味的

导航

jsday7作用域-02

7.利用构造函数创建对象

  • 语法格式:

    • function 构造函数名() {
          this.属性 = 值;
          this.方法 = funcyion() {}
      }
      new 构造函数名();
      
    • 构造函数名字首字母要大写

    • 构造函数不需要return就可以返回结果

    • 调用构造函数必须使用new

8.遍历对象

  • **for in **语句用于对数组或者对象的属性进行循环操作

  • 语法格式:

    • for (变量 in 对象) {
          
      }
      
    • console.log(k) :括号里面如果是变量,则输出得到的是属性名

    • console.log(obj[k]):括号里面如果是obj[k],则得到的是属性值

    • for in里面的变量一般用k或者key

9.内置对象

  • js对象分为三种:自定义对象。内置对象、浏览器对象
  • 内置对象:指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)

10.Math对象

  • Math对象不是构造函数,它具有数学常数和函数的属性和方法,跟数学相关的运算(求绝对值、取整、最大值、最小值等)可以使用Math中的成员
  • 常用方法:
方法 说明
Math.PI 圆周率
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round 四舍五入 就近取整
Math.abs() 绝对值
Math.max() / Math.min() 求最大值 / 最小值

11.日期对象

  • 是一个构造函数,必须使用new 来调用创建如期对象

  • 语法格式:

    • var date = new Date();
      console.log(date);
      
  • 使用Date 如果没有参数,则返回当前系统时间;获取当前时间必须实例化

  • 参数常用的写法:数字型 2021,8,4 或者是字符串型'2021-8-4'(最好使用字符串型)

  • 格式化日期:

    方法名 说明
    getFullYear() 获取当前年份
    getMonth() 获取当前月份(0-11)
    getDate() 获取当前日期
    getDay() 获取星期几(周日0,周六6)
    getHours() 获取当前小时
    getMinutes() 获取当前分钟
    getSeconds() 获取当前秒钟
  • 获取Date总的毫秒数(时间戳),不是当前毫秒数,而是距离1970年1月1日过了多少毫秒数

    • 通过 valueof()、getTime()

      • var date = new Date();
        console.log(date.valueof());
        console.log(date.getTime());
        
    • 简单写法(最常用写法):

      • var date = +new Date();
        
    • H5新增的写法

      • console.log(Date.now())
        
  • 倒计时:

    • 利用时间戳
    • 转换公式如下:
      • d = parselnt(总秒数/60/60/24) //计算天数
      • h = parselnt(总秒数/60/60%24) //计算小时
      • m = parselnt(总秒数/60%60) //计算分钟数
      • s = parselnt(总秒数%60) //计算当前秒数

12.数组对象

  • 数组字面量

    • var arr = [1.2.3]
      
  • 利用new Array()

    • (1).var arr = new Array(2,3);
      创建一个空的数组
      
      (2).var arr = new Array(2); 
      2表示数组长度为3,里面有2个空的数组元素
      
      (3).var arr = new Array(2,3);
      等价于[2,3],表示里面有2个数组元素是2和3
      
  • 检测是否为数组

    • instanceof 运算符,用来检测是否为数组

      • var arr = [];
        console.log( arr instanceof Array);
        
    • Array.isArray(参数),H5新增的方法,ie9以上版本支持

      • console.log(Array.isArray(arr));
        
  • 添加删除数组元素的方法

    方法名 说明 返回值
    push(参数1....) 末尾添加一个或多个元素,注意修改原数组 返回新的长度
    pop() 删除数组最后一个元素,把数组长度减1 无参数、修改原数 返回它删除的元素的值
    unshift(参数1...) 向数组的开头添加一个或更多元素,注意修改原数组 返回新的长度
    shift() 删除数组的第一个元素,数组长度减1 无参数、修改原数组 返回第一个元素的值
  • 数组排序

    方法名 说明 是否修改原数组
    reverse() 颠倒数组中元素的顺序,无参数 该方法会改变原来的数组 返回新数组
    sort() 对数组的元素进行排序 该方法会改变原来的数组 返回新数组
    • 数组排序(冒泡排序)

      • var arr = [1,3,2,4,5];
        arr.sort(function(a,b) {
            return a-b;  //升序的顺序排列
            return b-a; //降序的顺序排列
        });
        console.log(arr);
        
  • 数组索引方法

    方法名 说明 返回值
    indexOf() 数组中查找给定元素的第一个索引 如果存在返回索引号 ,如果不存在,则返回-1
    lastindexOf() 在数组中的最后一个的索引 如果存在返回索引号 ,如果不存在,则返回-1

posted on 2021-08-04 17:39  芒果味的  阅读(30)  评论(0编辑  收藏  举报