前端-JavaScript内置对象

139 阅读7分钟

一、Date

理解: Date对象即时间对象,用于处理日期与时间。

📝 Date对象创建方法

let d = new Date();
let d = new Date(milliseconds); // 参数为毫秒
let d = new Date(dateString);
let d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
  • milliseconds 参数是一个 Unix 时间戳(Unix Time Stamp),它是一个整数值,表示自 1970 年 1 月 1 日 00:00:00 UTC(the Unix epoch)以来的毫秒数。

  • dateString 参数表示日期的字符串值。

  • year, month, day, hours, minutes, seconds, milliseconds 分别表示年、月、日、时、分、秒、毫秒。

📑 Date对象属性

属性作用                                        
constructor返回对创建此对象的 Date 函数的引用。
prototype使您有能力向对象添加属性和方法。

💡 Date对象方法

方法作用                                    
getTime()返回 Date 对象的时间戳(格林威治时间:1970 年 1 月 1 日至今的毫秒数)
Date.now()返回 此刻时间的时间戳
getDate()返回 Date 对象是该月中的哪一天 (1 ~ 31)。
getDay()返回 Date 对象是该周中的哪一天 (0 ~ 6)。
getMonth()返回 Date 对象的月份 (0 ~ 11)。
getFullYear()返回 Date 对象的年份。
getHours()返回 Date 对象的小时 (0 ~ 23)。
getMinutes()返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)。
parse(日期字符串)返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setDate()设置 Date 对象中月的某一天 (1 ~ 31)。
setFullYear()设置 Date 对象中的年份(四位数字)。
setHours()设置 Date 对象中的小时 (0 ~ 23)。
setMilliseconds()设置 Date 对象中的毫秒 (0 ~ 999)。
setMinutes()设置 Date 对象中的分钟 (0 ~ 59)。
setMonth()设置 Date 对象中月份 (0 ~ 11)。
setSeconds()设置 Date 对象中的秒钟 (0 ~ 59)。
setTime()setTime() 方法以毫秒设置 Date 对象。
toDateString()把 Date 对象的日期部分转换为字符串。
toTimeString()把 Date 对象的时间部分转换为字符串。
toString()把 Date 对象转换为字符串。
toLocaleDateString()根据本地时间格式,把 Date 对象的日期部分转换为字符串。
toLocaleTimeString()根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleString()根据本地时间格式,把 Date 对象转换为字符串。

二、Math

理解: Math对象即数学对象,用于执行数学任务,Math并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。

📑 Math对象属性

属性作用                                        
E返回算术常量 e,即自然对数的底数(约等于2.718)。
LN2返回 2 的自然对数(约等于0.693)。
LN10返回 10 的自然对数(约等于2.302)。
LOG2E返回以 2 为底的 e 的对数(约等于 1.4426950408889634)。
LOG10E返回以 10 为底的 e 的对数(约等于0.434)。
PI返回圆周率(约等于3.14159)。
SQRT1_2返回 2 的平方根的倒数(约等于 0.707)。
SQRT2返回 2 的平方根(约等于 1.414)。

💡 Math对象方法

方法作用                            
floor(小数)向下取整,取出小于该数的最大整数
ceil(小数)向上取整,取出大于该数的最小整数
round(小数)四舍五入
abs(number)返回 number 的绝对值
max(x,y,z,...,n)返回 x,y,z,...,n 中的最大值 (取多个数最大值)
min(x,y,z,...,n)返回 x,y,z,...,n中的最小值 (取多个数最小值)
pow(m,n)返回 m 的 n 次方
random()返回 0 ~ 1 之间的随机数
round( min+ Math.random() * (max-min))获取任意区间值(min - max)的随机数
sqrt(number)返回number的平方根
trunc(number)将数字的小数部分去掉,只保留整数部分

三、RegExp

理解: RegExp对象即正则对象,正正则表达式用于对字符串模式匹配及检索替换,是对字符串规则校验的强大工具。

详解: JS中正则表达式的详细介绍,请查看文章:一文带你快速入门JS正则表达式

四、Error

理解: Error 对象在错误发生时提供了错误的提示信息。

📑 Error对象属性

属性作用                                        
name设置或返回一个错误名
message设置或返回一个错误信息(字符串)

五、Array

理解: Array对象即数组对象,用于在变量中存储多个值。

📑 Array对象属性

属性作用                                       
constructor返回创建数组对象的原型函数。
length设置或返回数组元素的个数。
prototype允许你向数组对象添加属性或方法。

💡 Array对象方法

注意: 数组对象常见方法请查看 JavaScript常用API

六、Boolean

理解: 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值。

📑 Boolean对象属性

属性作用                                        
constructor返回对创建此对象的 Boolean 函数的引用
prototype使您有能力向对象添加属性和方法。

💡 Boolean对象方法

方法作用                                       
toString()把布尔值转换为字符串,并返回结果。
valueOf()返回 Boolean 对象的原始值。

七、Number

理解: Number对象即数值对象,是原始数值的包装对象。

📝 Number对象创建方法

  var num = new Number(value);

注意:  如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。

📑 Number对象属性

属性作用                                      
constructor返回对创建此对象的 Number 函数的引用。
MAX_VALUE可表示的最大的数。
MIN_VALUE可表示的最小的数。
NEGATIVE_INFINITY负无穷大,溢出时返回该值。
NaN非数字值。
POSITIVE_INFINITY正无穷大,溢出时返回该值。
prototype允许您可以向对象添加属性和方法。

💡 Number对象方法

方法作用                                   
isFinite检测指定参数是否为无穷大。
isInteger检测指定参数是否为整数。
isNaN检测指定参数是否为 NaN。
isSafeInteger检测指定参数是否为安全整数。
toExponential(x)把对象的值转换为指数计数法。
toFixed(x)把数字转换为字符串,结果的小数点后有指定位数的数字。
toLocaleString(locales, options)返回数字在特定语言环境下的表示字符串。
toPrecision(x)把数字格式化为指定的长度。
toString()把数字转换为字符串,使用指定的基数。
valueOf()返回一个 Number 对象的基本数字值。

八、String

理解: String对象即字符对象,用于处理文本(字符串)。

📝 String对象创建方法

    // 方法一
    var str = new String("string");
    // 方法二
    var str = "string";

📑 String对象属性

属性作用                                        
constructor对创建该对象的函数的引用
length字符串的长度
prototype允许您向对象添加属性和方法

💡 String对象方法

注意:  String对象常用方法请查看 JavaScript常用API

5F8D8820-1825-44d9-A9D2-5E0EA67A8121.png