个性化阅读
专注于IT技术分析

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

点击下载

一、包装数据类型

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

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对象,不同的环境全局对象不同。

使用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代码执行
赞(0)
未经允许不得转载:srcmini » JavaScript基础快速入门教程(八):包装数据类型、日期对象、Math对象和全局对象

评论 抢沙发

评论前必须登录!