JavaScript基础快速入门教程(八)(包装数据类型、日期对象、Math对象和全局对象)

一、包装数据类型JavaScript的包装类型是什么?包装类型是用于辅助JavaScript的基本类型的变量使用包装对象的方法,包装对象有Number、Boolean、String,JavaScript的基本类型在使用对象方法的时候会临时创建一个包装对象,用完立即销毁,注意基本类型变量使用对象方法只能使用读操作,而不用使用写操作。

JavaScript基础快速入门教程(八)(包装数据类型、日期对象、Math对象和全局对象)

文章图片
包装类型的使用和实例解释如下:
// 1、Boolean包装类型 var temp = new Boolean(true); console.log(typeof(temp)); var temp = new Boolean(false); console.log(temp.toString()); // 输出false,一般不要使用此这种方式创建boolean变量 var btemp = true; // 临时创建Boolean实例使用toString()方法,用完销毁 console.log(btemp.toString()); // =>true// 2、Number包装类型 var number = new Number(17); console.log(typeof(number)); // => object var color = 0xAB078A; // toString()方法可以传入参数指定输出的数值进制,默认为十进制 console.log(color.toString(2)); // 输出二进制 console.log(color.toString(8)); // 输出八进制 console.log(color.toString(16)); // 输出十六进制 console.log(number.toLocaleString()); // 纯字符串输出 console.log(number.valueOf()); // 返回自身 console.log(1.2.toFixed(4)); // 限定小数位数的个数 console.log(number.toExponential()); // 以指数形式输出 console.log(number.toPrecision(3)); // 限定数字的输出位数// 3、String包装类型 var str = "Django" console.log(str.length); // 返回字符串长度 console.log(str.charAt(0)); // 获取指定索引位置的字符 console.log(str.charCodeAt(0)); // 获取指定索引位置的字符的编码 console.log(str[0]); // 使用[]访问字符串中的字符 console.log(str.concat(" Released")); // 连接字符串 console.log(str.slice(1)); // 截取字符串 console.log(str.toLowerCase()); // 将字符串转为小写 console.log(str.toUpperCase()); // 将字符串转为大写 console.log(str.split("j")); // 以j为分隔拆分字符串 console.log(str.replace("o", "GO")); // 将o替换为GO console.log(str.substring(str.length-2)); // 截取字符串 console.log(" String ".trim()); // 去除字符串的前后空白 console.log(str.indexOf("a")); // 获取指定字符的索引位置 console.log(str.lastIndexOf("o")); // 获取指定字符的最后一个索引位置

二、日期对象JavaScript的日期对象使用实例如下:
// 日期对象 var date = new Date(); // 默认参数创建日期对象 console.log(date.toString()); date = new Date(154646546545); // 使用时间戳创建时期对象 console.log(date.valueOf()); console.log(date.getTime()); // 从日期对象获取时间戳 console.log(date.toString()); date = new Date("2019", "01", "01", "00", "01", "02"); console.log(date.toString()); date = new Date("2019-01-01 00:01:02"); console.log(date.toString()); // 使用格式化时间创建日期对象console.log(date.toLocaleDateString()); // 本地格式化时间,包含年月日 console.log(date.toLocaleString()); // 本地格式化时间,包括年月日时分秒,上午下午 console.log(date.toLocaleTimeString()); // 本地格式化时间,包含上下午时分秒

三、Math对象
// Math对象 console.log(Math.PI); console.log(Math.E); console.log(Math.LN2); console.log(Math.max(1, 7, 12, 0, 3, 8)); // 求最大值 console.log(Math.min(1, 7, 12, 0, 3, 8)); // 求最小值 console.log(Math.ceil(1.2)); // 向上舍入 console.log(Math.floor(1.1)); // 向下舍入 console.log(Math.round(1.4)); // 四舍五入 console.log(Math.random()); // 获取随机数 console.log(Math.abs(-5)); // 求绝对值 console.log(Math.exp(10)); // e的幂次方 console.log(Math.log(20)); // 求自然对数 console.log(Math.pow(2, 16)); // 求次方 console.log(Math.sqrt(16)); // 求平方根 console.log(Math.sin(60)); // 求三角函数

四、全局对象JavaScript中有一个Global全局对象,没有附属对象的函数和属性默认属于全局对象,在浏览器中的全局对象是window对象,不同的环境全局对象不同。
【JavaScript基础快速入门教程(八)(包装数据类型、日期对象、Math对象和全局对象)】使用window对象的函数或属性可以不指定window,window对象常用的函数有isNaN,parseInt,parseFloat,encodeURI,encodeURIComponent,eval,使用方式如下:
// window全局对象 console.log(isNaN("Ping")); // 是否是非数值 console.log(parseInt("123")); // 转换为整数 console.log(parseFloat("0.314")); // 转换为浮点数 console.log(encodeURI("http://www.baidu.com?user=对象")); // 对URI进行编码,保留特殊字符 console.log(window.eval("console.log('the eval function of window')")); // 将eval参数中的字符串当做js代码执行

    推荐阅读