JavaScript内置对象
1 顶层函数（全局函数）
parseFloat() 方法
parseFloat() 函数可解析一个字符串，并返回一个浮点数。
语法
var value = parseFloat(string)
提示：该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止.
提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。Not a Number
提示：如果只想解析数字的整数部分，请使用 parseInt() 方法。
parseInt() 方法
parseInt() 函数可解析一个字符串，并返回一个整数。
语法
var value = parseInt(string)
代码演示:
<script type="text/javascript">
var num = parseFloat("10.33");
console.log(num); //10.33
console.log(typeof(num)); // number
num = parseFloat("10.33hello");
console.log(num); //10.33
console.log(typeof(num)); // number
num = parseFloat("hello10.33");
console.log(num); //NaN
console.log(typeof(num)); // number
var num = parseInt("10.33hello");
console.log(num); //10
console.log(typeof(num)); // number
</script>
2 JS内置对象 String
String 对象用于处理文本（字符串）。
String 对象属性
| 属性 | 描述 |
|---|---|
| length | 字符串的长度 |
String 对象方法
| 方法 | 描述 |
|---|---|
| charAt(index) | 传递索引,返回字符 |
| indexOf(x) | 传递字符串,返回第一次出现的索引,找不到返回-1 |
| substring(startIndex, endIndex) | 截取字符串,包含开始索引,不包含结束索引 |
| substr(startIndex, count) | 截取字符串,包含开始索引,后面的参数是要几个 |
演示代码
<script type="text/javascript">
/*
* JS内置对象String
*/
var str = "abcdef";
//字符串长度是 length属性
console.log(str.length);
//charAt,传递索引,返回字符
console.log(str.charAt(3));
//indexof,传递字符串,返回第一次出现的索引,找不到返回-1
console.log(str.indexOf("C"));
//substring,截取字符串,包含开始索引,不包含结束索引
console.log(str.substring(1,4));
//substr,截取字符串,包含开始索引,后面的参数是要几个
console.log(str.substr(1,4));
</script>
3 JS内置对象 Date
Date 对象用于处理日期和时间。
创建 Date 对象的语法：
var myDate = new Date();
注释：Date 对象会自动把当前日期和时间保存为其初始值。
Date 对象方法
| 方法 | 描述 |
|---|---|
| getFullYear() | 从 Date 对象以四位数字返回年份。 |
| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
| toLocaleString() | 根据本地时间格式，把 Date 对象转换为字符串。 |
演示代码：
<script type="text/javascript">
/*
* Data对象
* 创建方式直接new
*/
var date = new Date();
//拼接年月日
console.log(date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日");
//获取毫秒值
console.log(date.getTime());
//根据本地时间格式，把 Date 对象转换为字符串。
console.log(date.toLocaleString());
</script>
4 JS内置对象 Math
Math是数学计算的对象,此对象无需创建,直接Math.调用
Math 对象方法
| 方法 | 描述 |
|---|---|
| ceil(x) | 向上取整 |
| floor(x) | 向下取整 |
| round(x) | 把数四舍五入为最接近的整数。 |
| random() | 随机数,返回的是小数范围 0.0-1.0之间,可能是0.0,不会到1.0 |
| pow(x,y) | 幂运算 pow(2,3) ,代表2的3次方 |
演示代码：
<script type="text/javascript">
/*
* JS内置对象Math,数学计算
* 调用方式 Math.函数()
*/
//向上取整
console.log(Math.ceil(12.2));
//向下取整
console.log(Math.floor(-15.5));
//四舍五入,取整数
console.log(Math.round(5.59999));
//随机数,返回的是小数范围 0.0-1.0之间,可能是0.0,不会到1.0
console.log(Math.random());
//幂运算 pow(2,3) 2的3次方
console.log(Math.pow(2,3));
</script>
5 JS内置对象 Array(重点)
Array 对象，就是JS数组，用于存储多个值，存储的元素类型可以是任意类型。
创建 Array 对象的语法
var arr1 = new Array();
var arr2 = new Array(size);
var arr3 = new Array(element0, element0, ..., elementn);
var arr4 = [1,2,3,4,"a","b","c"]; // 重点
参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
返回值
如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。
Array 对象属性
| 属性 | 描述 |
|---|---|
| length | 返回数组中元素的数目。 |
演示代码：
<script type="text/javascript">
//定义数组对象
var arr1 = new Array();
//赋值元素
arr1[0] = 1;
arr1[1] = "a";
arr1[2] = 2.2;
console.log(arr1);
//定义数组对象
var arr2 = new Array(3);
//打印数组长度
console.log(arr2.length);
//定义数组对象
var arr3 = new Array(3,4,5,"a",true);
console.log(arr3);
//开发中最常用方式
var arr4 = [1,2,3,4,"a","b","c"];
for(var i = 0 ; i< arr4.length;i++){
console.log(arr4[i]);
}
/*
了解
定义了一个二维数组arr5,数组长度是3;每个位置上是一个一维数组
arr5[0]的内容是 [1,2,3]，若想访问其中数据1, 需要arr5[0][0]
arr5[1]的内容是 ["a",4,"b"]，若想访问其中数据b, 需要arr5[1][2]
arr5[2]的内容是 [true,5,false]，若想访问其中数据5, 需要arr5[2][1]
*/
var arr5 = [
[1,2,3],["a",4,"b"],[true,5,false]
];
//打印1
console.log(arr5[0][0]);
//打印b
console.log(arr5[1][2]);
//打印5
console.log(arr5[2][1]);
//循环遍历二维数组
for(var i = 0 ; i< arr5.length;i++){
for(var j = 0 ; j< arr5[i].length;j++){
console.log(arr5[i][j]);
}
}
</script>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JQ5pGo1w-1616069803178)(day13_js.assets/1568620632680.png)]
6 JS内置对象 RegExp正则表达式(重点)
6.1 RegExp 对象表示正则表达式
- 正则表达式意义: 对复杂字符串进行处理的技术
- 正则表达式的本质：是一种规则, 实现了字符串和规则进行匹配,若匹配成功 返回true。
6.2 创建正则表达式对象的语法
方式一：
var reg = /pattern/; //JS中,定义正则表达式规则 写在`//`之间
方式二：
var reg = new RegExp(pattern); //JS中,定义正则表达式规则 写在()之内
6.3 写正则表达式的规则
| 表达式 | 描述 |
|---|---|
| [a-z] | 这个字符必须是小写字母 |
| [abc] | 字符必须是abc |
| [0-9] | 这个字符必须是数字 |
| [a-zA-Z0-9] | 这个字符必须是字母或者是数字 |
| [^a-z] | 这个字符不是小写字母 |
| [\d] | 等同于[0-9] |
| [\w] | 等同于[a-zA-Z_0-9] 字母、数字、下划线 |
| [\D] | 等同于[^0-9] |
| [\W] | 等同于[^a-zA-Z0-9_] |
| . | 代表匹配任意字符， 若只是想代表普通数据. 需要使用转义字符来表示\. |
| X* | X这个字符可以出现零次或者多次 [0-9]* 123123456 |
| X? | X这个字符可以出现零次或者一次 [0-9]? 2 |
| X+ | X这个字符可以出现一次或者多次 [0-9]+ 2 12345678 |
| X | X这个字符出现次数正好m次 [0-9]{4} 1234 1234567865432456 |
| X | X这个字符出现次数至少m次 [0-9]{4, } 1234 12345678 |
| X | X这个字符出现次数至少m次,最多n次 [0-9]{3,5} 123 12345 12 1234567876534 |
| (X)+ | ()括号代表X所表示的内容作为一组数据出现；()括号后面的+号，代表这组数据可以出现一次或者多次 (.[a-z]+) + .com .cn .cn.cn.cn.cn.com.itsad |
| ^X | ^匹配开头 |
| X$ | $匹配结尾 |
6.4 RegExp 对象方法
| 方法 | 描述 |
|---|---|
| test() | 检索字符串中指定的值。返回 true 或 false。 |
<script type="text/javascript">
//要求: 手机号,验证格式 13800138000
// 1开头 第二位 3456789 第3--11位必须数字
//JS中,定义正则表达式规则 定义在 /规则/ 内部
var telReg = /^1[3456789][0-9]{9}$/;
//正则表达式对象方法 test(字符串)
var bool = telReg.test("13800138000");
console.log(bool);
//需求: 验证用户名, 验证格式 字母,数字,下划线组成,长度6-8位
var userReg = /^[a-zA-z_0-9]{6,8}$/;
console.log(userReg.test("tomtom"))
</script>
浙公网安备 33010602011771号