目录
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] + " ");
}
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>
欢迎大家指点评论~ 点赞+关注⭐⭐⭐