JavaScript系列--对象

简介: JavaScript系列--对象

对象


一、Function对象


1.定义


function fun2(a,b){
    alert(a+b)
}

通过function关键字定义


2.属型


length:代表形参的个数


3.特点


  • 方法的定义是,形参的类型不用写,返回值类型也不写
  • 方法是一个对象,如果定义名称相同的方法,会覆盖
  • 在JS中,方法的调用只与方法的名称有关,和参数列表无关


4.调用


方法名称(实际参数列表)


5.实例


<script>
    function fun2(a,b){
        alert(a+b)
    }
    fun2(3,4)
</script>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0pkWQcSq-1633254344883)(E:\Typora\Image\image-20211001234033696.png)]


二、Array对象


1.创建


var arr = new Array(元素列表); var arr = new Array(默认长度); var arr = [元素列表];


2.方法


join(参数):将数组中的元素按照指定的分隔符拼接为字符串 push():向数组中末尾添加一个或更多元素,并返回新的长度


3.属型


length:数组的长度


4.特点


1.JS中,数组元素的类型是可变的 2.Js中,数组长度可变


5.实例


<script>
    var arr1 = new Array(1,2,true,"String");
    var arr2 = new Array(5);//长度位5的数组
    var arr3 = [1,2,false,2.4];
    document.write(arr1+"<br>");
    document.write(arr2+"<br>");
    document.write(arr3+"<br>");
    document.write(arr1.join("--"))
</script>
1,2,true,String
,,,,
1,2,false,2.4
1--2--true--String


三、Date日期对象


1.创建


       var date = new Date();


2.方法


       toLocalString():返回当前date对象对应的实践本地字符串格式         getTime():获取毫秒值。并返回当前时间到1970年1月1日零点的毫秒


3.实例


var date = new Date();
document.write(date.toLocaleDateString());
2021/10/1


四、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对象


www.runoob.com/regexp/rege…


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>

相关文章
|
3月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
40 1
JavaScript中对象的数据拷贝
|
3月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
3月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
3月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
4月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
90 0
|
4月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
72 1
|
4月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
62 0
|
4月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
48 2
|
4月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
67 4
|
4月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
57 2

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    44
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    27
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55