JavaScript内置对象

Number:

方法介绍:

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

代码实现:

<script>
    //1. parseFloat()  将传入的字符串浮点数转为浮点数
    document.write(Number.parseFloat("3.1415926") + "<br>");

    //2. parseInt()    将传入的字符串整数转为整数
    document.write(Number.parseInt("1998") + 111 + "<br>");
    document.write(Number.parseInt("1998hehehaha")); //从数字开始转换,直到不是数字为止
</script>
Math:

方法介绍:

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

代码实现:

<script>
    //1. ceil(x) 向上取整
    document.write(Math.ceil(4.4) + "<br>");    // 5
    
    //2. floor(x) 向下取整
    document.write(Math.floor(4.4) + "<br>");   // 4
    
    //3. round(x) 把数四舍五入为最接近的整数
    document.write(Math.round(4.1) + "<br>");   // 4
    document.write(Math.round(4.6) + "<br>");   // 5
    
    //4. random() 随机数,返回的是0.0-1.0之间范围(含头不含尾)
    document.write(Math.random() + "<br>"); // 随机数
    
    //5. pow(x,y) 幂运算 x的y次方
    document.write(Math.pow(2,3) + "<br>"); // 8
</script>
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()返回本地日期格式的字符串

代码实现:

<script>
    //构造方法
    //1. Date()  根据当前时间创建对象
    let d1 = new Date();
    document.write(d1 + "<br>");

    //2. Date(value) 根据指定毫秒值创建对象
    let d2 = new Date(10000);
    document.write(d2 + "<br>");

    //3. Date(year,month,[day,hours,minutes,seconds,milliseconds]) 根据指定字段创建对象(月份是0~11)
    let d3 = new Date(2222,2,2,20,20,20);
    document.write(d3 + "<br>");

    //成员方法
    //1. getFullYear() 获取年份
    document.write(d3.getFullYear() + "<br>");

    //2. getMonth() 获取月份
    document.write(d3.getMonth() + "<br>");

    //3. getDate() 获取天数
    document.write(d3.getDate() + "<br>");

    //4. toLocaleString() 返回本地日期格式的字符串
    document.write(d3.toLocaleString());
</script>
String:

构造方法:

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

成员方法:

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

代码实现:

<script>
    //1. 构造方法创建字符串对象
    let s1 = new String("hehe");
    document.write(s1 + "<br>");

    //2. 直接赋值
    let s2 = "我也呵呵";
    document.write(s2 + "<br>");

    //属性
    //1. length   获取字符串的长度
    document.write(s2.length + "<br>");

    //成员方法
    //1. charAt(index)     获取指定索引处的字符
    document.write(s2.charAt(0) + "<br>");

    //2. indexOf(value)    获取指定字符串出现的索引位置
    document.write(s2.indexOf("我") + "<br>");

    //3. substring(start,end)   根据指定索引范围截取字符串(含头不含尾)
    document.write(s2.substring(2, 3) + "<br>");

    //4. split(value)   根据指定规则切割字符串,返回数组
    let s3 = "韩信,989,女";
    let arr = s3.split(",");
    for (let i = 0; i < arr.length; i++) {
        document.write(arr[i] + "<br>");
    }

    //5. replace(old,new)   使用新字符串替换老字符串
    let s4 = "你他妈的拿蓝buff有毛用?";
    let s5 = s4.replace("他妈", "**");
    document.write(s5 + "<br>");
</script>
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$ 		$匹配结尾
<script>
    //1.验证手机号
    //规则:第一位1,第二位358,第三到十一位必须是数字。总长度11
    let reg1 = /^[1][356789][0-9]{9}$/;
    document.write(reg1.test("18989898989") + "<br>");

    //2.验证用户名
    //规则:字母、数字组成。总长度4~16
    let reg2 = /^[a-zA-Z0-9]{4,16}$/;
    document.write(reg2.test("itzhuzhu)(*&^%$#@"));
</script>
Array:

成员方法:

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

代码实现:

<script>
    let arr = [1, 2, 3, 4, 5];

    //1. push(元素)    添加元素到数组的末尾
    arr.push(6);
    document.write(arr + "<br>");

    //2. pop()         删除数组末尾的元素
    arr.pop();
    document.write(arr + "<br>");

    //3. shift()       删除数组最前面的元素
    arr.shift();
    document.write(arr + "<br>");

    //4. includes(元素)  判断数组中是否包含指定的元素
    document.write(arr.includes(2) + "<br>");

    //5. reverse()      反转数组元素
    arr.reverse();
    document.write(arr + "<br>");

    //6. sort()         对数组元素排序
    arr.sort();
    document.write(arr + "<br>");
</script>
Set:

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

构造方法:

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

成员方法:

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

代码实现:

<script>
    // Set()   创建集合对象
    let s = new Set();

    // add(元素)   添加元素
    s.add("a");
    s.add("b");
    s.add("c");
    s.add("c");

    // size属性    获取集合的长度
    document.write(s.size + "<br>");    // 3

    // keys()      获取迭代器对象
    let st = s.keys();
    for (let i = 0; i < s.size; i++) {
        document.write(st.next().value + "<br>");
    }

    // delete(元素) 删除指定元素
    document.write(s.delete("c") + "<br>");
    let st2 = s.keys();
    for (let i = 0; i < s.size; i++) {
        document.write(st2.next().value + "<br>");
    }
</script>
Map:

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

构造方法:

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

成员方法:

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

代码实现:

<script>
    // Map()   创建Map集合对象
    let map = new Map();

    // set(key,value)  添加元素
    map.set("张三", 23);
    map.set("李四", 24);
    map.set("李四", 25);

    // size属性     获取集合的长度
    document.write(map.size + "<br>");

    // get(key)     根据key获取value
    document.write(map.get("李四") + "<br>");

    // entries()    获取迭代器对象
    let et = map.entries();
    for (let i = 0; i < map.size; i++) {
        document.write(et.next().value + "<br>");
    }

    // delete(key)  根据key删除键值对
    document.write(map.delete("李四") + "<br>");
    let et2 = map.entries();
    for (let i = 0; i < map.size; i++) {
        document.write(et2.next().value + "<br>");
    }
</script>
Json:
  • JSON(JavaScript Object Notation):是一种轻量级的数据交换格式。
  • 它是基于 ECMAScript 规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。
  • 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于计算机解析和 生成,并有效的提升网络传输效率。

方法说明:

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

代码实现:

<script>
    //定义天气对象
    let weather = {
        city: "北京",
        date: "2088-08-08",
        wendu: "10° ~ 23°",
        shidu: "22%"
    };
    
    //1.将天气对象转换为JSON格式的字符串
    let str = JSON.stringify(weather);
    document.write(str + "<br>");

    //2.将JSON格式字符串解析成JS对象
    let weather2 = JSON.parse(str);
    document.write("城市:" + weather2.city + "<br>");
    document.write("日期:" + weather2.date + "<br>");
    document.write("温度:" + weather2.wendu + "<br>");
    document.write("湿度:" + weather2.shidu + "<br>");
</script>
表单校验案例:
<body>
<div class="login-form-wrap">
    <form class="login-form" action="#" id="regist" method="get" autocomplete="off">
        <label>
            <input type="text" id="username" name="username" placeholder="Username..." value="">
        </label>
        <label>
            <input type="password" id="password" name="password" placeholder="Password..." value="">
        </label>
        <input type="submit" value="注册">
    </form>
</div>
</body>
<script>
    //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;
    }
</script>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

itzhuzhu.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值