javaScript_对象(function-Array-Date-RegExp-Golbal)

最新推荐文章于 2020-06-08 17:29:37 发布
最新推荐文章于 2020-06-08 17:29:37 发布
阅读量161 收藏
点赞数
分类专栏： web前端开发（html、css、JavaScript） 文章标签： javaScript 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44107920/article/details/104378505
版权
1. function对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">    
    <title>Function对象</title>    
    <script>    
        /*  Function；函数（方法）对象
            1.创建                   
                 1.  var fun = new Function(形式参数列表，方法体)；
               ※2.  function 方法名称（形式参数列表）{                   
                         方法体;                      
                     }                      
               ※3.  var 方法名 = function(){                         
                         方法体;                          
                     }                
            2.方法                
            3.属性               
                 length : 代表参数的个数                
            4.特点                 
                 1.方法定义时，形参的类型可以不用写,返回值类型也可以不写                      
                 2.方法是一个对象，如果定义名称相同会覆盖                      
                 3.在js中方法的调用，只与方法的名称有关，和方法的参数无关                      
                 4.在方法声明中有一个隐藏的内置对象（数组）,arguments,封装所有的实际参数             
             5.调用                   
                   方法的名称（实际参数列表）        
         */         
         // 1.创建方式1         
         var fun1 = new Function("a","b","alert(a);");         
         // 调用方法         
         fun1(3,4);         
         // 2.创建方式2         
         function fun2(a,b){
             alter(a+b);         
         }         
         fun2(3,4);         
         // 3.创建方式3        
         var fun3 = function(a,b){ 
             alter(a+b);         
          }         
          fun3(3,4);         
          //求两个数的和         
          function add(a,b){             
              return a+b;         
          }         
          var sum = add(1,2);         
          alter(sum);         
          // 求任意个数的和         
          function add(){             
              var sum=0;             
              for(var i=0;i<arguments.length;i++){                
                  sum+=arguments[i]             
              }            
              return sum;
          }         
          var sum = add(1,2,3,4,5,6);         
          alter(sum);     
     </script>
</head>
<body>
</body>
</html>
2.Array对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Array对象</title>
    <script>
        /*
            Array：数组对象
            1.创建：
                1.  var  arr = new Array(元素列表);
                2.  var  arr = new Array(默认长度);
                3.  var  arr = [元素列表];
            2.方法
                join(参数)：将数组中的元素按照指定的分隔符拼接为字符串
                push(参数)；想数组末尾添加一个或更多元素，并返回新长度
                pop();删除并返回最后一个元素
                concat():连接两个或更多的数组，并返回结果
                reverse()：颠倒数组中元素的顺序
                shift()：删除并返回数组的第一个元素
                slice():从某个已有的数组返回选定的元素
                ......
            3.属性
                length : 获取数组长度
            4.特点
                1. JS中，数组元素的类型可变
                2. JS中，数组的长度是可变的
                3.
        */
        // 1. 创建方式
        var arr1 = new Array(1,2,3);
        var arr2 = new Array(5);
        var arr3 = [1,2,3,4];
        var arr4 = [1,"abc",true]
        document.write(arr1+"</br>")
        document.write(arr2+"</br>")
        document.write(arr3+"</br>")
        document.write(arr4+"</br>")
        document.write(arr5+"</br>")
    </script>
</head>
<body>
</body>
</html>

在这里插入图片描述

3.Date对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Date对象</title>
    <script>
        /*
            Date : 日期对象
                 1. 创建
                     var date = newDate();
                 2. 方法
                     toLocaleStirng();返回当前date对象对应的时间本地字符串格式
                     getTime(); 获取毫秒值，返回当前时间描述的时间到1970年1月1日零点的毫秒值差
        */
        var date = new Date();
        
        document.write(date+"</br>")
        document.write(date.toString()+"<br>")
        document.write(date.getTime()+"<br>")
    </script>
</head>
<body>
</body>
</html>

在这里插入图片描述

3.Math对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            Math,数学
             1.创建：
                 *特点：Math对象，直接使用。Math.方法名（）；
                 
             2.方法：
                 random();返回0~1之间的随机数，含0不含1
                 round(x); 四舍五入
                 floor(x); 对数进行向下舍入
                 ceil(x); 对数进行想上取整
             3.属性：
                 PI
        */
        document.write(Math.PI+"<br>");
        document.write(Math.random()+"<br>");
        document.write(Math.round(3.14)+"<br>");
        document.write(Math.ceil(3.14)+"<br>");
        document.write(Math.floor(3.14)+"<br>");

        /* 
          取1~100之间的随机数
        */
        var  m = Math.round(Math.random()*100);
        document.write(m+"<br>");
    </script>
</head>
<body>
</body>
</html>

在这里插入图片描述

3.RegExp:正则表达式对象

1.正则表达式：定义字符串的组成规则。

  • . 正则表达式：定义字符串的组成规则。
    • 单个字符 : [ ]
      如： [a] [ab] [a-zA-Z0-9]
      特殊符号代表特殊含义的单个字符：
      \d : 单个数字字符 [0-9]
      \w : 单个单词字符 [a-zA-Z0-9]
    • 量词符号
      ？：表示出现a次或0次
      * ： 表示出现0次或多次(前面没有点，为防止转义加了点)
      + ：表示出现1次或多次(前面没有点，为防止转义加了点)
      \w* ：
      {m,n} : 表示数量 m<= 数量 <= n
      • m如果缺省： {,n} : 最多n次
      • n如果缺省： {m,} : 最少m次
    • 开始结束符号
      • ^ ： 开始
      • $ ： 结束
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            正则对象：
                1.创建：
                    1. var reg = new RegExp("正则表达式");
                    2. var reg = /正则表达式/;
                2.方法：
                    1. test(参数)； 验证指定的字符串是否符合正则定义的规范
        */
        // 1.  
        var reg1 = new regExp("\\w{6,12}");
        // 2.
        var reg2 = /^\w{6,12}$/;
        alert(reg1);
        alert(reg2);

        var usename = "zahngsan";
        // 验证
        var flag  = reg3.test(username);
        alert(flag);
    </script>
</head>
<body>
    
</body>
</html>
4.Global对象

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var str = "熊二博客"
        var encode = encodeURI(str);
        document.write(encode+"<br>"); // %E7%86%8A%E4%BA%8C%E5%8D%9A%E5%AE%A2
        var s = decodeURI(encode); 
        document.write(s+"<br>");  //  熊二博客

        var str1 = "熊二博客"
        var encode = encodeURIComponent(str);
        document.write(encode+"<br>"); // %E7%86%8A%E4%BA%8C%E5%8D%9A%E5%AE%A2
        var s1 = decodeURIComponent(encode); 
        document.write(s+"<br>");  //  熊二博客

        var str2= "123abc";
        var number = parseInt(str2);
        alert(number+1);

        var a = NaN;
        document.write(a==NaN +"<br>");
        document.write(isNaN(a) +"<br>");

        var jscode = "document.write(isNaN(a))"
        eval(jscode);
    </script>
</head>
<body>
    
</body>
</html>

在这里插入图片描述
在这里插入图片描述

乔治的哥们
关注
专栏目录
JavaScript基础(三)基本对象
jimbo_chou的博客
09-22 562
基本对象： 1. Function：函数(方法)对象 1. 创建： 1. var fun = new Function(形式参数列表,方法体); //忘掉吧 2. function 方法名称(形式参数列表){ 方法体...
JavaScript--04 常用引用类型（Object、Array、Function、Date、RegExp）
邪人君子的博客
02-25 1223
引用类型有时候也被叫做对象定义 对象是某个特定引用类型的实例，新对象使用 new 操作符后面跟一个构造函数来创建的。 构造函数实际上就是一个函数，只不过该函数是出于创建新对象的目的而定义的。 比如：· var person = new Object(); 一、object类型 创建 Object 实例的方式有两种 1、使用 new 操作符 var person = new Object(); pe...
引用类型：Object类型,Array类型,Date类型,RegExp类型,Function类型,基本包装类型，单体内置对象
Glichi的博客
07-13 287
- Object类型 1. 创建object实例方法： new操作符构建函数 var person=new Object(); person.name="aaa"; person.age="11"; 对象字面量表示法 var person={ name:"aaa", age:"11" }; 使用逗号来分隔不同的属性，但最后的属性不能添加"," 2. 访问对象属性...
网页设计实战之JavaScript(8) --JS的内置对象（Date、RegExp、Error、Array、Document、Window）
x879014419的博客
06-08 568
一、Date对象 Date对象 用于处理日期和时间。 1、创建 Date 对象 通过 new 关键词来定义 Date 对象。Date 对象会自动把当前日期和时间保存为其初始值。 //四种方式初始化日期：【接受不同参数】 new Date() // 当前日期和时间 new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数 new Date(dateString) new Date(year, month, day, hours, minutes, seconds, m
JavaScript—— Function，Array，Date，Math，RegExp(正则表达式），Global
运算符重载之String
04-24 445
javaScript基础1. JS特殊语法：2. 基本对象：1. Function：函数(方法)对象1. 创建：2. Array:数组对象1. 创建：2. 方法3. 属性4. 特点：3. Boolean4. Date：日期对象5. Math：数学对象6. Number7. String8. RegExp：正则表达式对象9. Global 1. JS特殊语法： 1. 语句以;结尾，如果一行只有...
Javascript-Golbal对象
weixin_30488313的博客
06-22 100
Global对象（全局）对象可以说是ECMAscript中最特别的一个对象了，因为你不管从什么角度看，这个对象都是不存在的。 ECMAscript中的Golbal对象在某种意义上是作为一个终极的“兜底儿对象”来定义的。换句话说，不属于任何其他对象的属性和方法，最终都是它的属性和方法。没有全局变量或者是全局函数，所有在全局作用域中定义的属性和函数，都是Golbal对...
JS基本对象
weixin_44462064的博客
07-30 244
Function：函数对象 创建： var fun = new Function(形式参数列表，方法体); function方法名称（形式参数列表）{ 方法体 } var 方法名 = function(形式参数列表){ 方法体 } 属性： lenght(形参的个数) 特点： 方法定义时，形参的类型不用写 方法是一个对象，如果定义名称相同的方法，会覆盖 在js中，方法的调用只与方法的名称有关...
Js-RegExp.rar_javascript_regexp
09-23
在JavaScript中，正则表达式通常与`RegExp`对象一起使用，它们在处理和验证用户输入、数据提取以及文本格式化等方面发挥着重要作用。 在"Js-RegExp.rar_javascript_regexp"这个压缩包中，包含的两个文件——"正则...
mysql-udf-regexp:实现REGEXP _...（）函数MySQL用户定义函数模块
05-01
mysql-udf-regexp 该程序包将正则表达式函数用作MySQL用户定义函数（UDF）。 该软件包实现的功能是： REGEXP_LIKE(text, pattern [, mode]) REGEXP_SUBSTR(text, pattern [,position [,occurence [,mode]]]) ...
path-to-regexp：将诸如user：name之类的路径字符串转换为正则表达式
02-03
npm install path-to-regexp --save 用法 const { pathToRegexp , match , parse , compile } = require ( "path-to-regexp" ) ; // pathToRegexp(path, keys?, options?) // match(path) // parse(path) // compile...
一个很小的（308B）实用程序，它将路由模式转换为RegExp。 替代`path-to-regexp` :male_sign:‍:person_bowing:-JavaScript开发
05-26
返回一个形状为{keys，pattern}的对象，其中pattern是RegExp，keys是参数名称按其出现顺序排列的数组。 与正则表达式路径不同，此模块不创建键字典，也不对现有变量进行突变。 此外，这只会运送
eslint-plugin-regexp:ESLint插件，用于查找正则表达式错误和样式指南违规
03-19
是用于查找RegExp错误和RegExp样式指南违规的ESLint插件。 :name_badge:特征 此ESLint插件提供了与更好的方法相关的整理规则，可以帮助您避免在使用RegExp时出现问题。 查找正则表达式及其提示的错误用法。 强制...
前端案例 ——注册页面（html+css实现）
Xiong-er 的博客
02-23 5222
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册页面</ti...
前端案例——轮播图的实现（定时切换图片）
Xiong-er 的博客
02-21 4099
显示效果为：主页图片每三秒更换一次。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt...
前端案例——动态表格
Xiong-er 的博客
02-22 1420
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动态表格</ti...
图解 CSS布局和定位
Xiong-er 的博客
02-04 1019
1 . 布局与定位概述 2 . 盒子模型（I） 2 . 盒子模型（II）
前端案例 —— 表格全选、全不选、反选
Xiong-er 的博客
02-23 995
实现对于表格的全选、全不选、反选、以及鼠标在表格上时，该行表格变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...
javaScript与java的语法区别
Xiong-er 的博客
02-17 690
javaScript与java的语法区别
前端案例——倒计时自动跳转到首页
Xiong-er 的博客
02-21 634
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自动跳转</ti...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值