JavaScript系列--对象(二)

简介: JavaScript系列--对象(二)

四、Math对象



1.创建

特点:Math对象不用创建,直接使用。Math.方法名()


2.方法

random()返回0~1之间的随机数

ceil(x)对数进行上舍入

floor(x)对数进行下舍入

round(x)把数四舍五入为最接近的整数


3.属型

PI


4.实例


<script>
    document.write(Math.PI+"<br>");
    document.write(Math.random()+"<br>");
    document.write(Math.ceil(3.14)+"<br>");//4
    document.write(Math.floor(3.14)+"<br>");//3
    /*
    取1~100的随机整数
     */
    var number = Math.floor(Math.random()*100) + 1;
    document.write(number);
</script>
返回结果为
3.141592653589793
0.7615264855739028
4
3
86


五、RegExp对象



https://www.runoob.com/regexp/regexp-syntax.html


1.正则表达式

定义字符串的组成规则

正则表达式不好记忆,需要多进行练习,不必死记硬背。需要的时候进行查询即可


1.单个字符

[a] [ab] [a-zA-Z0-9]

特殊符号:


\w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_]

\d 单个字符[0-9]

\w:匹配字母、数字、下划线。等价于 [A-Za-z0-9_]


2.量词符号

?:出现0次或1次

colou?r 可以匹配 color 或者 colour,? 问号代表前面的字符最多只可以出现一次(0次、或1次)。


"":出现0或多次

以匹配 runob、runoob、runoooooob 等, 号代表前面的字符可以不出现,也可以出现一次或者多次(0次、或1次、或多次)。


+:出现1次或多次


runoo+b,可以匹配 runoob、runooob、runoooooob 等,+ 号代表前面的字符必须至少出现一次(1次或多次)。


{mn}:表示m<=数量 <= n


m如果缺省{,n}最多n次


n如果缺省{m,}最少m次


2.正则对象

1.创建

var reg = new RegExp(“正则表达式”);

var reg = /正则表达式/


2.方法

test(参数):验证指定的字符串是否符合正则定义的规范


3.实例


var reg = new RegExp("^\\w{6,12}$");
var reg2 = /^\w{6,12}$/;
// var username = "zhangdsfdddddddddsan";//false
var username = "truetrue";//true
//验证
var flag = reg.test(username);
alert(flag);


六、Global



1.特点

全局对象,这个global中封装的方法不需要对象就可以直接调用。方法名。


2.方法

encodeURL():url编码

decodeURL():url解码


encodeURLComponent():url编码,编码的字符更多


decodeURLComponent():url解码


parseInt():将字符串转为数字


逐一判断每一个字符是否是数字,直到不是数字为止,将前面数字部分转为number

isNaN():判断一个值是否是NaN


eval:将JS字符串转为脚本执行


3.URL编码

黑马程序员 = %E9%BB%91%E9%A9%AC%E7%A8%8B%E5%BA%8F%E5%91%98


<script>
    var str = "http://www.baidu.com/s?wd=强哥说Java";
    var enconde = encodeURI(str);
    document.write(enconde+"<br>");
    var s = decodeURI(enconde);
    document.write(s+"<br>");
    //http://www.baidu.com/s?wd=%E5%BC%BA%E5%93%A5%E8%AF%B4Java
    //http://www.baidu.com/s?wd=强哥说Java
    var str1 = "http://www.baidu.com/s?wd=强哥说Java";
    var enconde = encodeURIComponent(str1);
    document.write(enconde+"<br>");
    var s = decodeURIComponent(enconde);
    document.write(s+"<br>");
    // http%3A%2F%2Fwww.baidu.com%2Fs%3Fwd%3D%E5%BC%BA%E5%93%A5%E8%AF%B4Java
    // http://www.baidu.com/s?wd=强哥说Java
    var str2 = "a123abc";
    var number = parseInt(str2);
    alert(number + 1);
    //124,字符转数字成功
    var jscode = "alert(123);"
    eval(jscode);
    //弹出123
</script>


相关文章
|
12天前
|
存储 JavaScript 前端开发
|
13天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
17 1
|
14天前
|
存储 JavaScript 前端开发
JavaScript 对象
JavaScript 对象
12 1
|
17天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
18天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
20 1
|
19天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
12 0
技术经验分享:javaScript遍历对象、数组总结
|
10天前
|
JavaScript
js 简易对象转字符串后恢复为简易对象(如 ^a=$1^b=2转对象)
js 简易对象转字符串后恢复为简易对象(如 ^a=$1^b=2转对象)
8 0
|
11天前
|
JavaScript
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
9 0
|
11天前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
13 0