zoukankan      html  css  js  c++  java
  • JavaScript读书笔记(5)-Object Date

    1、Object类型

    (1)创建Object实例

    第一种方式:new操作符后跟Object构造函数

    var person=new Object();

    person.name=”Nicholas”;

    person.age=29;

    第二种方式:对象字面量表示法(简化创建包含大量属性的对象的过程)

    var person={

      name:”Nicholas”,

      age:29

    }

    var person={}  等同于var person=new Object();

    在通过对象字面量定义对象时,实际上不会调用Object构造函数;推荐只在考虑对象属性名的可读性时使用;

    对象字面量也是向函数传递大量可选参数的首选方式;详见下面的程序

    function displayInfo(args)

    {

      var output="";

      if(typeof args.name=="string")

      {

               output+="Name:"+args.name+" ";

      }

      if(typeof args.age=="number")

      {

               output+="Age:"+args.age+" ";

      }

      alert(output);

    }

    displayInfo({

      name:"Nicholas",

      age:29

    });

    displayInfo({

      name:"Greg",

    });

    (1)访问对象属性

    除了使用点表示法,还可以使用方括号来访问对象的属性,将要访问的属性以字符串的形式放放在方括号中,优点是可以通过变量来访问属性;

    Var propertyName=”name”;

    Alert(person[propertyName]);

    若属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以使用方括号表示法;

    2、Date

    (1)创建一个日期对象: var now=new Date(); //对象自动获得当前日期和时间;

    创建一个指定日期:Date.parse()和Date.UTC();

    Date.parse()接收一个表示日期的字符串参数,尝试根据字符串返回相应日期的毫秒数;没有定义它支持哪种日期格式,因实现而异,因地区而异;

    var someDate=new Date(Date.parse("May 25,2004"));//等同于var someDate=new Date("May 25,2004");

    若传入的字符串不能表示日期,返回NaN

    Date.UTC()函数:

    ar y2k=new Date(Date.UTC(2000,0)); //GMT:2000-1-1

    var allFives=new Date(Date.UTC(2005,4,5,17,55,55)) //GMT:2005-5-5 17:55:55

    var y2k=new Date(2000,0); //本地时间:2000-1-1

    var allFives=new Date(2005,4,5,17,55,5) //本地时间:2005-5-5 17:55:55

    Date.now()方法,返回调用这个方法时的日期和时间,不支持此方法的浏览器中,使用+操作符把Date对象转换成字符串,可以达到同样的目的;

    (2)日期格式化方法

    toDateString()-以特定实现的格式显示星期几,月,日和年

    toTimeString()-以特定实现的格式显示时分秒和时区;

    toLocalDateString()-以特定地区的格式显示星期,月,日和年;

    toLocalTimeString()-以特定地区的格式显示时分秒;

    toUTCString()-以特定于实现的格式完整的UTC日期;

  • 相关阅读:
    vue 中按需引入 echarts
    [Vue warn]: Error in nextTick: "TypeError: Cannot read property 'init' of undefined"
    js计算图片大小(promise)
    git push 提示'You are not allowed to push code to this project'
    echarts canvas 层级太高 导致tooltip被遮盖
    卡片展示(不定宽),最后一行左对齐 的几种实现方式
    styled-components 使用小结
    echarts 平均值及 y轴刻度n等分配置
    react 中使用阿里彩色图标
    php unlink()函数使用
  • 原文地址:https://www.cnblogs.com/xyl-share-happy/p/4564859.html
Copyright © 2011-2022 走看看