前端|JavaScript内置对象 JavaScript内置对象|javascript

Number： 方法介绍：

方法名	说明
parseFloat()	将传入的字符串点数转为浮点数
parseInt()	将传入的字符串点数转为整数

代码实现：

> //1. parseFloat()将传入的字符串浮点数转为浮点数 document.write(Number.parseFloat("3.1415926") + " "); //2. parseInt()将传入的字符串整数转为整数 document.write(Number.parseInt("1998") + 111 + " "); document.write(Number.parseInt("1998hehehaha")); //从数字开始转换，直到不是数字为止

Math： 方法介绍：

方法名	说明
ceil()	向上取整
floor()	向下取整
round()	把数字四舍五入为最接近的整数
random()	随机数，返回的是0.0-1.0之间范围(含头不含尾)
pow()	冥运算 x的y次方

代码实现：

> //1. ceil(x) 向上取整 document.write(Math.ceil(4.4) + " "); // 5//2. floor(x) 向下取整 document.write(Math.floor(4.4) + " "); // 4//3. round(x) 把数四舍五入为最接近的整数 document.write(Math.round(4.1) + " "); // 4 document.write(Math.round(4.6) + " "); // 5//4. random() 随机数,返回的是0.0-1.0之间范围(含头不含尾) document.write(Math.random() + " "); // 随机数//5. pow(x,y) 幂运算 x的y次方 document.write(Math.pow(2,3) + " "); // 8

Date： 构造方法：

方法名	说明
Date()	根据当前时间创建对象
Date(value)	根据指定的毫秒值创建对象
Date(year,month,[day,hours,minutes,seconds,milliseconds])	根据指定的字段值创建对象(月份是0~11)

成员方法：

方法名	说明
getFullYear()	获取年份
getMonth()	获取月份
getDate()	获取天数
getHouse()	获取小时
getMinutes()	获取分钟
getSeconds()	获取秒数
getTime()	返回据1970年1月1日至今的毫秒数
toLocaleString()	返回本地日期格式的字符串

代码实现：

> //构造方法 //1. Date()根据当前时间创建对象 let d1 = new Date(); document.write(d1 + " "); //2. Date(value) 根据指定毫秒值创建对象 let d2 = new Date(10000); document.write(d2 + " "); //3. Date(year,month,[day,hours,minutes,seconds,milliseconds]) 根据指定字段创建对象(月份是0~11) let d3 = new Date(2222,2,2,20,20,20); document.write(d3 + " "); //成员方法 //1. getFullYear() 获取年份 document.write(d3.getFullYear() + " "); //2. getMonth() 获取月份 document.write(d3.getMonth() + " "); //3. getDate() 获取天数 document.write(d3.getDate() + " "); //4. toLocaleString() 返回本地日期格式的字符串 document.write(d3.toLocaleString());

String： 构造方法：

方法名	说明
String(value)	根据指定字符串创建对象
let s = “字符串”	直接赋值

成员方法：

方法名	说明
length属性	根据指定字符串创建对象
charAt(index)	获取指定索引处的字符
indexOf(value)	获取指定字符串出现的索引位置
substring(start,end)	根据指定索引范围截取字符串(含头不含尾)
substring(start,end)	根据指定索引范围截取字符串(含头不含尾)
split(value)	根据指定规则切割字符串，返回数组
replace(old,new)	使用新字符串替换老字符串

代码实现：

> //1. 构造方法创建字符串对象 let s1 = new String("hehe"); document.write(s1 + " "); //2. 直接赋值 let s2 = "我也呵呵"; document.write(s2 + " "); //属性 //1. length获取字符串的长度 document.write(s2.length + " "); //成员方法 //1. charAt(index)获取指定索引处的字符 document.write(s2.charAt(0) + " "); //2. indexOf(value)获取指定字符串出现的索引位置 document.write(s2.indexOf("我") + " "); //3. substring(start,end)根据指定索引范围截取字符串(含头不含尾) document.write(s2.substring(2, 3) + " "); //4. split(value)根据指定规则切割字符串，返回数组 let s3 = "韩信,989,女"; let arr = s3.split(","); for (let i = 0; i < arr.length; i++) { document.write(arr[i] + " "); }//5. replace(old,new)使用新字符串替换老字符串 let s4 = "你他妈的拿蓝buff有毛用？"; let s5 = s4.replace("他妈", "**"); document.write(s5 + " ");

RegExp：

正则表达式：是一种对字符串进行匹配的规则。

构造方法：

方法名	说明
RegExp(规则)	根据指定规则创建对象
let reg = /^规则$/	直接赋值

成员方法：

方法名	说明
test(匹配的字符串)	根据指定规则验证字符串是否符合

规则：

方法名	说明
[a]	只能是a
[abc]	只能是abc中的某一个
[1]	只能是1
[123]	只能是123中的某一个
[a-z]	可能是a到z中的某一个
[A-Z]	可能是A到Z中的某一个
[0-9]	可能是0到9中的某一个
{5}	只能出现5次
{4,6}	只能出现4到6次

代码实现：

[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]* X?X这个字符可以出现零次或者一次[0-9]? X+X这个字符可以出现一次或者多次 [0-9]+X{m}X这个字符出现次数正好m次 X{m, }X这个字符出现次数至少m次 X{m, n} X这个字符出现次数至少m次,最多n次 (X)+()括号代表X所表示的内容作为一组数据出现；()括号后面的+号，代表这组数据可以出现一次或者多次 ^X^匹配开头 X$$匹配结尾

> //1.验证手机号 //规则：第一位1，第二位358，第三到十一位必须是数字。总长度11 let reg1 = /^[1][356789][0-9]{9}$/; document.write(reg1.test("18989898989") + " "); //2.验证用户名 //规则：字母、数字组成。总长度4~16 let reg2 = /^[a-zA-Z0-9]{4,16}$/; document.write(reg2.test("itzhuzhu)(*&^%$#@"));

Array: 成员方法：

方法名	说明
push(元素)	添加元素到数组的末尾
[pop()]	删除数组末尾的元素
shift()	删除数组最前面的元素
includes(元素)	判断数组中是否包含指定的元素
reverse()	反转数组中的元素
sort()	对数组元素进行排序

代码实现：

> let arr = [1, 2, 3, 4, 5]; //1. push(元素)添加元素到数组的末尾 arr.push(6); document.write(arr + " "); //2. pop()删除数组末尾的元素 arr.pop(); document.write(arr + " "); //3. shift()删除数组最前面的元素 arr.shift(); document.write(arr + " "); //4. includes(元素)判断数组中是否包含指定的元素 document.write(arr.includes(2) + " "); //5. reverse()反转数组元素 arr.reverse(); document.write(arr + " "); //6. sort()对数组元素排序 arr.sort(); document.write(arr + " ");

Set：

JavaScript 中的 Set 集合，元素唯一，存取顺序一致。

构造方法：

方法名	说明
set()	创建Set集合对象

成员方法：

方法名	说明
add(元素)	向集合中添加元素
size属性	获取集合的长度
keys()	获取迭代器对象
delete(元素)	删除指定元素

【前端|JavaScript内置对象】代码实现：

> // Set()创建集合对象 let s = new Set(); // add(元素)添加元素 s.add("a"); s.add("b"); s.add("c"); s.add("c"); // size属性获取集合的长度 document.write(s.size + " "); // 3// keys()获取迭代器对象 let st = s.keys(); for (let i = 0; i < s.size; i++) { document.write(st.next().value + " "); }// delete(元素) 删除指定元素 document.write(s.delete("c") + " "); let st2 = s.keys(); for (let i = 0; i < s.size; i++) { document.write(st2.next().value + " "); }

Map：

JavaScript 中的 Map 集合，key 唯一，存取顺序一致。

构造方法：

方法名	说明
Map()	创建Map集合对象

成员方法：

方法名	说明
set(key,value)	向集合中添加元素
size属性	获取集合的长度
get(key)	根据key获取value
entries()	获取迭代器对象
delete(key)	根据key删除键值

代码实现：

> // Map()创建Map集合对象 let map = new Map(); // set(key,value)添加元素 map.set("张三", 23); map.set("李四", 24); map.set("李四", 25); // size属性获取集合的长度 document.write(map.size + " "); // get(key)根据key获取value document.write(map.get("李四") + " "); // entries()获取迭代器对象 let et = map.entries(); for (let i = 0; i < map.size; i++) { document.write(et.next().value + " "); }// delete(key)根据key删除键值对 document.write(map.delete("李四") + " "); let et2 = map.entries(); for (let i = 0; i < map.size; i++) { document.write(et2.next().value + " "); }

Json：

JSON(JavaScript Object Notation)：是一种轻量级的数据交换格式。

它是基于 ECMAScript 规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。

简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于计算机解析和生成，并有效的提升网络传输效率。

方法说明：

方法名	说明
stringify(对象)	将指定对象转换为json格式字符串
parse(字符串)	将指定json格式字符串解析成对象

代码实现：

> //定义天气对象 let weather = { city: "北京", date: "2088-08-08", wendu: "10° ~ 23°", shidu: "22%" }; //1.将天气对象转换为JSON格式的字符串 let str = JSON.stringify(weather); document.write(str + " "); //2.将JSON格式字符串解析成JS对象 let weather2 = JSON.parse(str); document.write("城市：" + weather2.city + " "); document.write("日期：" + weather2.date + " "); document.write("温度：" + weather2.wendu + " "); document.write("湿度：" + weather2.shidu + " ");

表单校验案例：

> //1.为表单绑定提交事件 document.getElementById("regist").onsubmit = function () { //2.获取填写的用户名和密码 let username = document.getElementById("username").value; let password = document.getElementById("password").value; //3.判断用户名是否符合规则4~16位纯字母 let reg1 = /^[a-zA-Z]{4,16}$/; if (!reg1.test(username)) { alert("用户名不符合规则，请输入4到16位的纯字母！"); return false; }//4.判断密码是否符合规则6位纯数字 let reg2 = /^[\d]{6}$/; if (!reg2.test(password)) { alert("密码不符合规则，请输入6位纯数字的密码！"); return false; }//5.如果所有条件都不满足，则提交表单 return true; }