[JavaScript知识库]JavaScript的常用对象

JavaScript的常用对象

Date对象

如果直接使用无参构造函数创建一个Date对象，则会直接返回现在的时间。

若要创建一个指定的时间对象，要在构造函数中传递一个表示时间的字符串作为参数。日期的格式 月份/日/年 时:分:秒

常用的函数

时间戳，指的是从格林威治标准时间的1970年1月1日，0时0分0秒，到当前日期所花费的毫秒数（1秒 = 1000毫秒）

getDate() // 获取当前日期对象是几日
getDay() // 获取当前日期对象是周几，会返回一个0-6的值，0 表示周日，1表示周一...
getMonth() // 获取当前时间对象的月份,会返回一个0-11的值,0表示1月,1 表示2月...
getFullYear() // 获取当前日期对象的年份
getTime() // 获取当前日期对象的时间戳

// 创建一个Date对象
// 如果直接使用无参构造函数创建一个Date对象，则会直接返回现在的时间
var date1 = new Date();
document.writeln(date1);
// 创建一个指定的时间对象
// 需要在构造函数中传递一个表示时间的字符串作为参数
// 日期的格式:月份/日/年 时:分:秒
var date2 = new Date("2/18/2018 11:10:30");
document.writeln(date2)
document.writeln(date2.getDate()); // 18
document.writeln(date2.getDay()); // 0
document.writeln(date2.getMonth()); // 1
document.writeln(date2.getFullYear()); // 2018
document.writeln(date2.getTime());

可以利用时间戳来测试代码的执行的性能。

// 获取当前的时间戳
var start = Date.now();
for(var i=0 ; i<100 ; i++){
    console.log(i);
}
var end = Date.now();
document.writeln("执行了："+(end - start)+"毫秒"); // 执行了：1毫秒 

Math对象

Math和其他的对象不同，它不是一个构造函数，它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法，比如：Math.PI 表示的圆周率。

常用的函数

Math.abs() // 可以用来计算一个数的绝对值
Math.ceil() // 可以对一个数进行向上取整，小数位只要有值就自动进1
Math.floor() // 可以对一个数进行向下取整，小数部分会被舍掉
Math.round() // 可以对一个数进行四舍五入取整
Math.random() // 可以用来生成一个0-1之间的随机数,生成一个0-x之间的随机数:Math.round(Math.random()*x)
Math.max() // 可以获取多个数中的最大值
Math.min() // 可以获取多个数中的最小值
Math.pow(x,y) // 返回x的y次幂
Math.sqrt() // 用于对一个数进行开方运算

document.writeln("圆周率="+Math.PI); // 圆周率=3.141592653589793
document.writeln(Math.abs(-1)); // 1
document.writeln(Math.max(10,2,30)); // 30
document.writeln(Math.min(1,2,0)); // 0
document.writeln(Math.pow(2,3)); // 8
document.writeln(Math.sqrt(9)); // 3

包装类

基本数据类型

String Number Boolean Null Undefined

引用数据类型

Object

包装类

在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象

String()：可以将基本数据类型字符串转换为String对象

Number()：可以将基本数据类型的数字转换为Number对象

Boolean()：可以将基本数据类型的布尔值转换为Boolean对象

但是注意：我们在实际应用中不会使用基本数据类型的对象，如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果

// 创建一个Number类型的对象
var num1 = new Number(12);
var str1 = new String("Hello");
var str2 = new String("Hello");
var bool1 = new Boolean(true);
document.writeln(typeof num1); // object
// 向num1中添加一个属性
num1.name = "def";
document.writeln(str1 == str2); // false
if(bool1){
    document.writeln("我运行了,哈哈哈"); // 我运行了,哈哈哈
}

方法和属性之能添加给对象，不能添加给基本数据类型，当我们对一些基本数据类型的值去调用属性和方法时，浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法，调用完以后，在将其转换为基本数据类型。

var str = 123;
document.writeln(typeof str); // Number
str = str.toString(); // 将Number类型转换为String类型
str.name = "hello";
document.writeln(str.name); // undefined
document.writeln(typeof str); // String

字符串的相关方法

在底层字符串是以字符数组的形式保存的，[“H”,“e”,“l”…]

length属性 // 可以用来获取字符串的长度
charAt() // 可以返回字符串中指定位置的字符，根据索引获取指定的字符
charCodeAt() // 获取指定位置字符的字符编码（Unicode编码）
String.formCharCode() // 可以根据字符编码去获取字符
concat() // 可以用来连接两个或多个字符串,作用和+一样
indexof() // 该方法可以检索一个字符串中是否含有指定内容,如果字符串中含有该内容，则会返回其第一次出现的索引,如果没有找到指定的内容，则返回-1,可以指定一个第二个参数，指定开始查找的位置.
lastIndexOf() // 该方法的用法和indexOf()一样，不同的是indexOf是从前往后找，而lastIndexOf是从后往前找，也可以指定开始查找的位置
toUpperCase() // 将一个字符串转换为大写并返回
toLowerCase() // 将一个字符串转换为小写并返回
slice() // 可以从字符串中截取指定的内容,不会影响原字符串，而是将截取到内容返回
/*
* 参数：
* 第一个:开始位置的索引（包括开始位置）
* 第二个，结束位置的索引（不包括结束位置）
* 如果省略第二个参数，则会截取到后边所有的，也可以传递一个负数作为参数，负数的话将会从后边计算。
*/
substring() // 可以用来截取一个字符串，可以slice()类似
/**
 * 参数：
 *  第一个：开始截取位置的索引（包括开始位置）
 *  第二个：结束位置的索引（不包括结束位置）
 *      不同的是这个方法不能接受负值作为参数，如果传递了一个负值，则默认使用0
 *  而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
 */
substr() // 用来截取字符串
/**
 * 参数：
 *  1.截取开始位置的索引
 * 	2.截取的长度
 */
split() // 可以将一个字符串拆分为一个数组,参数：需要一个字符串作为参数，将会根据该字符串去拆分数组,如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素

代码示例

// 创建一个字符串
var str = "Hello Word";
// 在底层字符串是以字符数组的形式保存的,["H","e","l"...]
document.writeln(str.length);
document.writeln(str.charAt(3)); // l
document.writeln(str.charCodeAt(0)); // 72
document.writeln(String.fromCharCode(0x2692)); // ?
document.writeln(str.concat("def","abc")); // Hello Worddefabc
document.writeln(str.indexOf("l")); // 2
document.writeln(str.slice(1,-2)); // ello Wo
document.writeln(str.substring(3,-1)); // Hel
document.writeln(str.toUpperCase()); // HELLO WORD
document.writeln(str.split("")); // H,e,l,l,o, ,W,o,r,d