• JavaScript常用对象的属性及方法(1)


    1.Number对象(基本数据类型)

    Number对象的方法大多是一些强制转换方法,如果转换失败返回NaN,以下举例中用number来代替具体数字:

    *console.log在控制台输出(键盘F12可查看)

    Number(number) 将数据转换为数值  

    console.log(Number("12A"));//包含了非数字字符 输出NaN
    console.log(Number("232342"));//返回数字232342
    console.log(Number(true));//返回数字1 Flase 返回0

    number.toString() 将数据转换为字符串

    var num = 23;
    var str = true;
    console.log(num.toString());//返回字符串23
    console.log(str.toString());//返回字符串true

    number.toFixed(保留小数点位数) 将数字转换为字符串 常用来四舍五入小数点

    var num = 34.234;
    console.log(num.toFixed(2));//返回字符串34.23 
    console.log(num.toFixed(0));//返回字符串34 保留0位小数可以用来取整

    parseInt(number) 将数据转换为整数 常用来对数字取整

    var str = true;
    var num = 34.234;
    console.log(parseInt(num));//返回返回整数34
    console.log(parseInt(str));//NaN
    console.log(parseInt('23a'));//返回整数23

    parseFloat(number) 将数字转换浮点数

    console.log(parseFloat(23.2344));//返回浮点数23.2334      
    console.log(parseFloat('23a'));//返回整数23
    console.log(parseFloat('23.12a'));//返回整数23

    2.Math对象(不使用new创建的对象 直接使用其属性和方法)

    Math对象的数据大多也是跟数字有关 但它的属性和方法主要是与数学运算挂钩

    属性:

    Math.PI 返回3.141592653589793(圆周率)

    Math.E 返回自然对数的底数e 约等于:2.718281828459045

    console.log(Math.PI);//输出3.141592653589793
    console.log(Math.E);//输出2.718281828459045

    方法:

    Math.ceil(num) 返回大于等于num的整数

    Math.floor(num) 返回小于等于num的整数

    console.log(Math.ceil(36.1));//输出37
    console.log(Math.floor(36.1));//输出36

    Math.round(num) 四舍五入取整

    console.log(Math.round(36.4));//输出36
    console.log(Math.round(36.5));//输出37

    Math.max(x,y)取x y中的最大值

    Math.(x,y)取x y中的最小值

    console.log(Math.max(34,1));//输出43
    console.log(Math.min(34,1));//输出1

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

    console.log(Math.pow(10,2));//输出100

    Math.random() 返回0-1的随机数 若需要返回0-n的随机数 就乘以n+1

    console.log(Math.random());//随机输出[0-1)之间的数
    console.log(Math.random()*11);//随机输出[0-10]

    3.Date对象(处理时间和日期)反正和数字有关就先写在一起了

    Date对象通常使用它的方法来获取和设置时间日期

    Date() 获取客户端日期和时间

    // 获取当前客户端时间 
    var d1 = new Date();
    console.log(d1);//Sun Aug 04 2019 21:19:32 GMT+0800 (中国标准时间)
    // 创建指定的时间对象
    var d2 = new Date("2018/1/1 17:14:36");
    console.log(d2);

    get:(获取时间日期)

    getFullYear() 获取年份

    getMoth() 获取月份

    getDate() 获取日期

    getHours() 获取小时

    getMinutes() 获取分钟

    getSeconds() 获取秒

    getMilliseconds() 获取毫秒

    getTime() 获取1970年1月1日至今的毫秒数

    console.log(d1.getFullYear());//输出2019
    console.log(d1.getMonth());//输出7
    console.log(d1.getDate());//输出4
    console.log(d1.getHours());//输出21
    console.log(d1.getMinutes());//输出19
    console.log(d1.getSeconds());//输出32
    console.log(d1.getMilliseconds());//输出707
    console.log(d1.getTime());//输出970年1月1日至今的毫秒数1564924772707

    set:(设置时间日期)

    setFullYear() 设置年份

    setMoth() 设置月份

    setDate() 设置日期

    setHours() 设置小时

    setMinutes() 设置分钟

    setSeconds() 设置秒

    setMilliseconds() 设置毫秒

    setTime() 以毫秒来设置时间日期

    var d1 = new Date();
    console.log(d1);//输出Sun Aug 04 2019 21:31:59 GMT+0800 (中国标准时间) d1.setFullYear(
    2018); console.log(d1);//输出Sat Aug 04 2018 21:30:51 GMT+0800 (中国标准时间)

    格式化时间

    toLocaleString() 根据为客户端时间日期格式  转换为字符串

    // 转换本地格式:toLocaleSting
    console.log(d1.toLocaleString());//输出2019/8/4 下午9:33:01

    toLocaleTimeString() 将时间部分转换为字符串

    console.log(d1.toLocaleTimeString());//输出下午9:34:31

    toLocaleDateString() 将日期部分转换为字符串

    console.log(d1.toLocaleDateString());//输出2019/8/4
  • 相关阅读:
    自定义ckeditor5
    ckEditor5 图片上传到七牛云
    Vue2.0原理-指令
    小程序体积优化(1)--优化大文本
    win10系统安装docker注意事项
    Vue2.0原理-模板解析
    使用nginx部署静态网站
    react-native初体验(2) — 认识路由
    react-native初体验(1) — hello world
    领骑衫总结
  • 原文地址:https://www.cnblogs.com/blogzzy/p/11299912.html
Copyright © 2020-2023  润新知