js拓展-内置对象

目录

1. 数组对象

1.1 数组的四种方式

1.2 JS中数组的特点

1.3 常用方法

2. 日期对象

2.1 日期对象的创建

2.2 日期对象的方法

2.3 案例：输出现在的时间

3. 全局对象

3.1 字符串转换成数字类型

3.2 编码解码函数

---

1. 数组对象

注：数组在JS中是一个类，通过构造方法创建对象。

1.1 数组的四种方式

创建数组的方式	说明
new Array()	无参的构造方法，创建一个长度为0的数组
new Array(5)	有参的构造方法，指定数组的长度
new Array(2,4,10,6,41)	有参的构造方法，指定数组中的每个元素
[4,3,20,6]	使用中括号的方式创建数组

1.2 JS中数组的特点

1) 数组中的每个元素的类型是可以不同的。

2) 数组的长度可以动态变化

3) 数组中包含大量的方法，类似于Java中的集合，而Java中的数组没有方法。

//1. 创建一个长度为0的数组
var arr = new Array();
//2. 有参的构造方法，指定数组的长度
var arr = new Array(5);
//3. 有参的构造方法，指定数组中的每个元素
var arr = new Array(2,4,10,6);
//4. 使用中括号的方式创建数组
var arr = [4,3,20,6];
//创建一个数组，每个元素都不相同
var arr = [4, 'a', true, 3.14];
arr[3] = 100;
arr[5] = 99;
arr[7]= true;
document.write("数组的长度是：" + arr.length + "<hr/>");
//输出每个元素
for (var i = 0; i < arr.length; i++) {
document.write(arr[i] + "&nbsp;");
}

1.3 常用方法

方法名	功能
concat()	连接两个或更多的数组，并返回结果
reverse()	将数组进行反转
join(separator)	与split()功能相反，将数组通过分隔符，拼成一个字符串。
sort()	对字符串数组进行排序 如果要对数字进行排序，还可以指定比较器函数。 sort(function(m,n)) 数字两两比较 注意:m-n则升序,n-m则降序

var a1 = [1, 1, 1];
var a2 = [2, 2];
//拼接，返回新的数组
var a3 = a1.concat(a2);
document.write("a3: " + a3 + "<br/>");
//添加元素
var a4 = a3.concat(33, 44);
document.write("a4: " + a4 + "<br />");
//反转
a4.reverse();
document.write("a4: " + a4 + "<br />");
//将数组使用分隔符拼成一个字符串，功能上与split相反
var str = a4.join("^_^");
document.write("字符串：" + str + "<br/>");
//排序
//a) . 给字符串数组排序
var arr = ['jack', 'Rose', "Tom", "Jerry", "Kate"];
document.write("排序前：" + arr + "<hr />");
arr.sort();
document.write("排序后：" + arr + "<hr />");
//b). 字符串类型的数字排序
var arr = ["200", "3", "1234", "89", "21"];
document.write("排序前：" + arr + "<hr />");
arr.sort();
document.write("排序后：" + arr + "<hr />");
//c). 数字排序，默认也是按字符串的字典顺序排序
var arr = [30,26,6,110,1234];
document.write("排序前：" + arr + "<hr />");
//排序器
arr.sort(function (m,n) {
return n-m;
});
document.write("排序后：" + arr + "<hr />");

2. 日期对象

2.1 日期对象的创建

作用：Date 对象用于处理日期和时间。

创建 Date 对象的语法：var myDate=new Date()

2.2 日期对象的方法

方法名	作用
getFullYear()	从 Date 对象以四位数字返回年份。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。其中：0表示周日，1~6周一到周六
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。类似于Java中的System.currentTimeMillis()
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。

2.3 案例：输出现在的时间

<script>
document.write("现在时间是：" + new Date()+ "<hr />")
document.write("现在时间是：" + new Date().toLocaleString()+ "<hr />")
</script>

3. 全局对象

全局属性和函数可用于所有内建的 javaScript 对象

3.1 字符串转换成数字类型

转换函数	作用
parseInt()	将一个字符串转成整数，如果一个字符串包含非数字字符，那么parseInt函数会从首字母开 始取数字字符，一旦发现非数字字符，马上停止获取内容。
parseFloat()	将一个字符串转成小数，转换原理同上。
isNaN()	转换前判断被转换的字符串是否是一个数字，非数字返回true

代码演示：

var a = "123abc123"; //字符串类型
var i = parseInt(a);
document.write(i+"<br/>");
var b = "3.14abc123";
i = parseFloat(b);
document.write(i);
//判断字符串是否为纯数字字符组成
var age = "1012";
document.write(isNaN(age)); //不是一个数字字符， 返回true.

3.2 编码解码函数

函数名称	作用
encodeURI(URIstring)	可把字符串作为 URI 进行编码
decodeURI(URIstring)	可对 encodeURI() 函数编码过的 URI 进行解码。

代码演示：

<script>
var str = "http://www.baidu.com?wd=努力是一种态度";
document.write(str + "<hr/>");
//模拟url编码
str = encodeURI(str);
document.write(str + "<hr/>");
//对编码后的url进行解码
str = decodeURI(str);
document.write(str + "<hr/>");
</script>

欢迎大家指点评论~ 点赞+关注⭐⭐⭐