一、包装数据类型JavaScript的包装类型是什么?包装类型是用于辅助JavaScript的基本类型的变量使用包装对象的方法,包装对象有Number、Boolean、String,JavaScript的基本类型在使用对象方法的时候会临时创建一个包装对象,用完立即销毁,注意基本类型变量使用对象方法只能使用读操作,而不用使用写操作。
文章图片
包装类型的使用和实例解释如下:
// 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代码执行
推荐阅读
- vue.js框架快速入门简明教程(六)(组件)
- JavaScript基础快速入门教程(七)(数组创建、遍历数组、数据结构和算法和实例)
- JavaScript基础快速入门教程(六)(对象详解和编程实例)
- vue.js框架快速入门简明教程(五)(表单)
- vue.js框架快速入门简明教程(四)(样式绑定和事件处理器)
- JavaScript基础快速入门教程(五)(函数的定义和调用、带参函数和匿名函数)
- Linux中的tty命令和示例
- Python中的多态性用法指南
- Scala多态性介绍和用法指南