概述
这是我的学习笔记,记录了JavaScript的学习过程。在写博客的时候我会尽量详尽的记录每个知识点。如果你完全没接触过JavaScript,那么这一系列的学习笔记可能会对你有所帮助。
今天学习JavaScript内置的对象,主要是Number、Math、Date。
1.内置对象Number
在JavaScript中,Number 是一个内置对象,用于表示和处理数字值。这个对象提供了多种方法和属性,可以用来进行数值的转换、比较、格式化等操作。
parseInt()方法和parseFloat()方法都可以把字符串类型转换成Number类型,如果字符串中的数值是小数,parseInt()方法会直接把小数点后的内容删掉,如果字符串不是数字,两种方法得到的都是NaN,但是它的数据类型还是Number,如下代码演示:
var strNum = "123.5";
var intNum = parseInt(strNum);
console.log(intNum); //输出:123
console.log(typeof intNum); //输出:number
var floatNum = parseFloat(strNum);
console.log(floatNum); //输出:123.5
console.log(typeof floatNum); //输出:number
var str = "abc123";
var intStr = parseInt(str);
console.log(intStr); //输出:NaN
console.log(typeof intStr); //输出:number
var floatStr = parseFloat(str);
console.log(floatStr); //输出:NaN
console.log(typeof floatStr); //输出:number
toFixed()方法可以格式化数字为指定小数位数的字符串。如下代码演示:
var num = 12.314521;
var num2 = num.toFixed(2); //取两位小数点
console.log(num2); // 12.31
console.log(typeof num2); //string
var num = 12.315521;
var num2 = num.toFixed(2); //取两位小数点,四舍五入
console.log(num2); // 12.32
2.内置对象Math
JavaScript中Math提供了多种数学常数和函数,用于执行各种数学运算和处理数字。这个对象不是一个函数对象,也不是一个构造器,它的所有属性和方法都是静态的,可以直接通过Math
对象来调用。 下面是Math
对象的属性和方法整理成的表格:
属性/方法 | 描述 | 示例 |
---|---|---|
属性 | ||
Math.PI | 圆周率π的近似值 | const piValue = Math.PI; |
Math.E | 自然对数的底数e的近似值 | const eValue = Math.E; |
Math.LN2 | 2的自然对数的近似值 | const ln2Value = Math.LN2; |
Math.LN10 | 10的自然对数的近似值 | const ln10Value = Math.LN10; |
Math.LOG2E | 以2为底e的对数的近似值 | const log2eValue = Math.LOG2E; |
Math.LOG10E | 以10为底e的对数的近似值 | const log10eValue = Math.LOG10E; |
Math.SQRT1_2 | 0.5的平方根的近似值 | const sqrt1_2Value = Math.SQRT1_2; |
Math.SQRT2 | 2的平方根的近似值 | const sqrt2Value = Math.SQRT2; |
方法 | ||
Math.abs(x) | 返回数的绝对值 | const absValue = Math.abs(-5); |
Math.ceil(x) | 对数进行上舍入,返回大于或等于给定数字的最小整数 | const ceilValue = Math.ceil(4.1); |
Math.floor(x) | 对数进行下舍入,返回小于或等于给定数字的最大整数 | const floorValue = Math.floor(4.9); |
Math.round(x) | 把数四舍五入为最接近的整数 | const roundValue = Math.round(4.5); |
Math.max(value1, value2, ...) | 返回零个或多个数值中的最大值 | const maxValue = Math.max(1, 2, 3, 4); |
Math.min(value1, value2, ...) | 返回零个或多个数值中的最小值 | const minValue = Math.min(1, 2, 3, 4); |
Math.random() | 返回0到1之间的一个随机数(包括0但不包括1) | const randomValue = Math.random(); |
Math.sqrt(x) | 返回一个数的平方根 | const sqrtValue = Math.sqrt(9); |
Math.pow(base, exponent) | 返回基数的指数次幂 | const powValue = Math.pow(2, 3); |
Math.sin(x) | 返回数的正弦值 | const sinValue = Math.sin(Math.PI / 2); |
Math.cos(x) | 返回数的余弦值 | const cosValue = Math.cos(0); |
Math.tan(x) | 返回数的正切值 | const tanValue = Math.tan(Math.PI / 4); |
Math.asin(x) | 返回数的反正弦值 | const asinValue = Math.asin(1); |
Math.acos(x) | 返回数的反余弦值 | const acosValue = Math.acos(1); |
Math.atan(x) | 返回数的反正切值 | const atanValue = Math.atan(1); |
Math.exp(x) | 返回e的指数 | const expValue = Math.exp(1); |
Math.log(x) | 返回数的自然对数(底为e) | const logValue = Math.log(Math.E); |
Math.log10(x) | 返回数的以10为底的对数 | const log10Value = Math.log10(100); |
Math.log2(x) | 返回数的以2为底的对数 | const log2Value = Math.log2(4); |
Math.sign(x) | 返回数的符号(表示正数、负数或零) | const signValue = Math.sign(-5); |
Math.trunc(x) | 删除数字的小数部分,返回整数部分 | `const truncValue = Math.trunc(x) |
如下代码是几个示例:
const piVALUE = Math.PI;
console.log(piVALUE); //3.141592653589793
var x = -5;
console.log(Math.abs(x)); //取绝对值,输出:5
var x = 4.1;
console.log(Math.ceil(x)); //向上取整,输出:5
var x = 4.5;
console.log(Math.floor(x)); //向下取整,输出:4
console.log(Math.round(x)); //四舍五入,输出:5
console.log(Math.pow(10, 3)); //返回10的3次方,输出:1000
3.内置对象Date
JavaScript中的内置对象Date
用于处理日期和时间。它提供了多种方法和属性,可以获取和设置日期和时间的各个部分,以及进行日期和时间的计算。如下表格是Date常用的属性和方法。
属性/方法 | 描述 | 示例 |
---|---|---|
属性 | ||
Date.now() | 返回表示当前日期和时间的毫秒数 | const now = Date.now(); |
方法 - 获取日期和时间部分 | ||
getDate() | 返回月的某一天(1~31) | const day = dateObj.getDate(); |
getDay() | 返回周几(0代表周日,1代表周一,以此类推) | const weekday = dateObj.getDay(); |
getMonth() | 返回月份(0代表一月,1代表二月,以此类推) | const month = dateObj.getMonth(); |
getFullYear() | 返回年份(四位数字) | const year = dateObj.getFullYear(); |
getHours() | 返回小时(0~23) | const hours = dateObj.getHours(); |
getMinutes() | 返回分钟(0~59) | const minutes = dateObj.getMinutes(); |
getSeconds() | 返回秒(0~59) | const seconds = dateObj.getSeconds(); |
getMilliseconds() | 返回毫秒(0~999) | const milliseconds = dateObj.getMilliseconds(); |
getTime() | 返回自1970年1月1日00:00:00 UTC以来的毫秒数 | const time = dateObj.getTime(); |
方法 - 设置日期和时间部分 | ||
setDate(day) | 设置月的某一天 | dateObj.setDate(15); |
setMonth(month) | 设置月份 | dateObj.setMonth(5); |
setFullYear(year) | 设置年份(四位数字) | dateObj.setFullYear(2023); |
setHours(hours) | 设置小时 | dateObj.setHours(10); |
setMinutes(minutes) | 设置分钟 | dateObj.setMinutes(30); |
setSeconds(seconds) | 设置秒 | dateObj.setSeconds(45); |
setMilliseconds(milliseconds) | 设置毫秒 | dateObj.setMilliseconds(500); |
setTime(time) | 以毫秒设置Date 对象 | dateObj.setTime(someMilliseconds); |
方法 - 日期和时间的比较与计算 | ||
valueOf() | 返回Date 对象的原始值(毫秒数) | const value = dateObj.valueOf(); |
toString() | 将Date 对象转换为字符串 | const dateString = dateObj.toString(); |
toUTCString() | 将Date 对象转换为UTC格式的字符串 | const utcString = dateObj.toUTCString(); |
toLocaleString() | 将Date 对象转换为本地格式的字符串 | const localeString = dateObj.toLocaleString(); |
toLocaleDateString() | 将Date 对象的日期部分转换为本地格式的字符串 | const localeDateString = dateObj.toLocaleDateString(); |
toLocaleTimeString() | 将Date 对象的时间部分转换为本地格式的字符串 | const localeTimeString = dateObj.toLocaleTimeString(); |
getTimezoneOffset() | 返回本地时间与UTC之间的分钟差 | const timezoneOffset = dateObj.getTimezoneOffset(); |
这个表格涵盖了Date
对象中最常用的一些属性和方法,通过它们可以方便地进行日期和时间的获取、设置、比较和计算。需要注意的是,dateObj
是一个Date
对象的实例,我们可以通过new Date()
来创建一个新的Date
对象实例。 如下代码示例:
var date = new Date();
console.log(date); //获取当前时间,输出:Sun Mar 24 2024 20:21:06 GMT+0800 (中国标准时间)
console.log(date.getFullYear()); //获取当前时间的年份,输出:2024
console.log(date.getMonth()); //获取月份(0代表一月,1代表二月,以此类推),输出:2
console.log(date.getDay()); //返回周几(0代表周日,1代表周一,以此类推),输出:0
console.log(date.getDate()); //返回月的某一天(1~31),输出:24
console.log(date.getTime()); //返回时间戳(自1970年1月1日00:00:00 UTC以来的毫秒数),输出:1711283358458
console.log(date.toUTCString()); //将Date对象转换为UTC格式的字符串,输出:Sun, 24 Mar 2024 12:37:00 GMT
console.log(typeof date); //object
console.log(date.toString()); //将Date对象转换为字符串,输出:Sun Mar 24 2024 20:39:14 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); //将Date对象转换为本地格式的字符串,输出:2024/3/24 20:40:40
console.log(date.toLocaleDateString()); //将Date对象的日期部分转换为本地格式的字符串,输出:2024/3/24
var newDate = date.setDate(30); //设置月的某一天
console.log(newDate); //输出:1711803061794
var newDate2 = new Date(newDate);
console.log(newDate2.toLocaleString()); //输出:2024/3/30 20:56:06
以上便是今天的学习内容,如果对你有所帮助,请点个赞再走吧。