设为首页 加入收藏

TOP

js — 对象(一)
2019-09-24 11:16:47 】 浏览:78
Tags:对象

1. 字符串和数值之间转换

1.字符串转数值

var str = '123.0000111';
console.log(parseInt(str));  //转整数
console.log(typeof parseInt(str));
console.log(parseFloat(str)); //转浮点型
console.log(typeof parseFloat(str));
console.log(Number(str));

2.数值转字符串

var num  = 1233.006;
// 强制类型转换
console.log(String(num));
console.log(num.toString());
// 隐式转换
console.log(''.concat(num));
// toFixed()方法会按照指定的小数位返回数值的字符串 四舍五入
console.log(num.toFixed(2));

2. 对象(object)

2.1 对象的创建方式

1.使用对象字面量创建方式。

对象字面量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程。

var obj = {};
obj.name = 'mjj';
obj.fav = function(){
    //obj
    console.log(this); // this指向的是当前的对象obj
}
obj.fav();

 //点语法 set 和get
console.log(obj.name);  //给obj.name重新赋值 或 获取obj.name值

2.使用new操作符后跟Object构造函数

var obj2 = new Object();
console.log(obj2);
obj2.name = 'wusir';
new Array();  //构造数组
new String();  //构造字符串
new Number();  //构造数字
//ES5中 使用构造函数来创建对象
function Point(x, y) {
  this.x = x;
  this.y = y;
}

Point.prototype.toString = function () {
  return '(' + this.x + ', ' + this.y + ')';
};

var p = new Point(1, 2);
//es6用class来创建对象
class Person{
    constructor(x,y){
        this.x = x;
        this.y = y
    }
    toString(){
        
    }
    
}
var p = new Person();

2.2 访问属性的方法

1.点语法(推荐使用)

var person = {
    "name" : 'jack';
    "age" : 28,
    "fav" : function(){
        console.log('泡妹子');
    }
}
person.name; //jack
person.fav();//泡妹子

2.括号表示法

person['name']; //相当于person.name;

3. 日期对象

3.1 Date对象的方法

要创建一个日期对象,使用 new 操作符和 Date 构造函数即可

var date = new Date();
    console.log(date);  //打印date对象
    console.log(Date()); //获取本地当前时间的日期和时间
    console.log(date.getDate());  //获取本地当前时间的日期(1-31)
    console.log(date.getMonth()+1); //获取本地当前时间的月份(0-11)
    console.log(date.getFullYear()); //获取本地当前时间的年份(4位数字)
    console.log(date.getDay());  //获取本地当前时间是星期几(0-6)
    console.log(date.getHours());  //获取本地当前时间小时数(0-23)
    console.log(date.getMinutes()); //获取本地当前时间分钟(0-59)
    console.log(date.getSeconds()); //获取本地当前时间秒数(0-59)
var date = new Date();
var weeks = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
console.log(weeks[date.getDay()]);
var day = weeks[date.getDay()];
document.write(`<a href="#">${day}</a>`);

3.2 日期格式化方法

Date 类型还有一些专门用于将日期格式化为字符串的方法,这些方法如下。

  • toLocaleString()——以特定于实现的格式显示年、月、日和时、分、秒

    var date = new Date();console.log(date.toLocaleString());  //"2019/6/4 下午4:00:32"
  • toDateString()——以特定于实现的格式显示星期几、月、日和年;

    var date = new Date();
    console.log(date.toDateString()); //"Tue Jun 04 2019"
  • toTimeString()——以特定于实现的格式显示时、分、秒和时区;

    var date = new Date();
    console.log(date.toTimeString()); //"16:00:32 GMT+0800 (中国标准时间)"
  • toLocaleDateString()——以特定于地区的格式显示年、月、日;

    var date = new Date();
    console.log(date.toLocaleDateString()); //"2019/6/4"
  • toLocaleTimeString()——以特定于实现的格式显示时、分、秒;

    var date = new Date();
    console.log(date.toLocaleTimeString());  //"下午4:00:32"
  • toUTCString()——以特定于实现的格式完整的 UTC 日期。

    var date = new Date();
    console.log(date.toUTCString());  //"Tue, 04 Jun 2019 08:00:32 GMT"

3.3 数字时钟案例

var timeObj = document.getElementById('time');
console.log(time);

function getNowTime() {
    var time = new Date();
    var hour = time.getHours();
    var minute = time.getMinutes();
    var second = time.getSeconds();
    var temp = "&quo
首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇面试官: 聊一聊Babel 下一篇微信小程序前端页面书写

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目