[JavaScript知识库] JavaScript的第11天

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> JavaScript的第11天 -> 正文阅读

[JavaScript知识库]JavaScript的第11天

arguments

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 在调用数据时，浏览器每次会传递两个隐含的参数
                1，函数的上下文对象，this
                2，封装实参的对象 arguments
        */
       function fun() {
           console.log("这是一个函数对象");
           console.log(arguments.length);
        // 通过arguments来获取传递的数据，arguments[0]表示第一个参数...
           console.log(arguments[0]);  //false
        //  auguments里面有一个属性callee
        // 表示当前正在指向的函数的对象
            console.log(arguments.callee);   //fun()函数的结构
            console.log(arguments.callee==fun); //true
       }
    
    //    arguments是一个类数组对象，可以获取其长度,可以通过索引来操作数组
    //    我们在函数中传递的参数会被传递到arguments类数组中保存起来
       fun("false",undefined); //这是一个函数对象 2


    </script>
</head>
<body>
    
</body>
</html>

Date对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* Date对象
           在js中表示时间的对象
        */

       //直接使用构造函数创建一个Date对象，则表示的是当前代码执行的时间
       var date=new Date();
       console.log(date);  //Sun Jan 02 2022 17:19:20 GMT+0800 (中国标准时间)

        //可以在date对象里传递自定义的时间
        // 格式: 月份/一个月中的天数/年 时/分/秒
        var date2=new Date("02-20-2019 1:2:3");    
        console.log(date2);  //Wed Feb 20 2019 01:02:03 GMT+0800 (中国标准时间)

        // gerDate()获取的是指定的时间是一个月中的第几天
        var a=date2.getDate();
        console.log(a);   //20

        // getDay()获取的是指定的时间是一周中的星期几
        // 星期日为0，以此类推
        var b=date2.getDay();
        console.log(b);   //3(星期三)


        // getMonth()获取的是指定的时间中的第几月，1代表2月
        // 返回一个0-11的值
        // 0--1月 以此类推
        var c=date2.getMonth();
        console.log(c);  //1

        // getFullyear()获取的是指定的时间中的年份
        var d=date2.getFullYear();
        console.log(d);  //2019

        // getTime()获取的是当前日期的时间戳
        // 时间戳：指的是从格林威治标准时间:1970/1/1 0:0:0 到当前指定时间的毫秒数
        var e=date2.getTime();
        console.log(e); //1550595723000
        
        var date3=new Date("1/1/1970 0:0:0");
        var f=date3.getTime();
        console.log(f); //-28800000 在中国的电脑系统中1970/1/1 0:0:0表示的是中国的时间，返回的是时差

        // 获取当前代码执行时的时间戳
        var datenow=Date.now();
        console.log(datenow); //1641116937143

        // 计算程序花费的时间
        var start=Date.now();
        for (let i = 0; i < 100; i++) {
            i+=1;  
            console.log(i);
        }
        var end=Date.now();
        // 花费的时间
        console.log(end-start);//2(毫秒)
    </script>
</head>
<body>
    
</body>
</html>

Math

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            Math在js中是一个工具类，直接使用即可，不需要new对象
            Math不是一个构造函数，里面封装了数学运算相关的方法和属性
         */

         //Math.PI是圆周率
         console.log(Math.PI); //3.141592653589793

        //  Math.abs()表示取绝对值
        console.log(Math.abs(-4)); //4

        // Math.ceil()表示向上取整
        console.log(Math.ceil(4.1)); //5

        // Math.floor()表示向下取整
        console.log(Math.floor(4.9)); //4 

        // Math.round()表示四舍五入
        console.log(Math.round(4.4)); //4
        console.log(Math.round(4.5)); //5

        // Math.random()表示生成0-1之间的随机数
        console.log(Math.random()); //0.6342890209270005
        // 生成一个x-y的随机数
        // console.log(Math.random()*(y-x)+x);

        // Math.max()可以找出指定的数中的最大值
        console.log(Math.max(1,4,3,12,64)); //64

        // Math.min()可以找出指定的数中的最小值
        console.log(Math.min(1,3,52,2,7,342,6)); //1

        //Math.pow(x,y)可以返回x的的y次幂
        console.log(Math.pow(2,3)); //8

        // Math.sqrt()可以对一个数进行开方
        console.log(Math.sqrt(4)); //2

    </script>
</head>
<body>
    
</body>
</html>

包装类

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            基本数据类型:String Number Null Boolean Undefined 
            引用数据类型: Object

            JS中提供了三个包装类型,通过包装类型我们可以给对应的基本数据类型转换为对象
            String() 给基本数据类型String类型转换为String对象
            Number() 给基本数据类型Number类型转换为Number对象 
            Boolean() 给基本数据类型Boolean类型转换为Boolean对象
        */

        // 创建一个Number类型的对象
        var number = new Number();
        // 设置hello属性
        number.hello="这是";
        console.log(number.hello); //这是

        /* 我们在实际应用中不会使用包装类型，这种类型是为浏览器底层做自动类型转换用的 */

        //自动类型转换
        var test=1;
        // 浏览器自动类型转换成其包装类并调用其方法,并在之后转会其基本数据类型
        var a=test.toString();
        console.log(typeof test); //number
        console.log(typeof a); //string

    </script>
</head>
<body>
    
</body>
</html>

字符串的方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            字符串的方法,在底层，字符串是以字符数组的形式保存的
        */
        var str="等哈武汉打完了";

        // length查看字符串的长度
        console.log(str.length); //7

        //charAt() 返回值是某个索引位置上的字符
        console.log(str.charAt(0)); //等

        // charCodeAt() 返回指定索引位置上的字符编码(Unicode编码)
        console.log(str.charCodeAt(0)); //31561

        // fromCharCode() 可以根据指定的字符编码返回指定的字符
        console.log(String.fromCharCode(31561)); //等

        // concat()可以用来连接一个或多个字符串,作用和+一样,,返回连接后的字符串
        console.log(str.concat("大王")); //等哈武汉打完了大王

        // indexof()用来从左往右查看指定字符串中是否有包含指定的字符串,
        // 有返回其第一个字符的索引,没有返回-1
        console.log(str.indexOf("了")); //6
        // 第二个参数为指定从哪个位置开始寻找
        console.log(str.indexOf("汉",1)); //3

        // lastIndexOf()从右往左寻找指定的字符串,
        // 和indexof一样的用法
        console.log(str.lastIndexOf("汉"));

        // slice()截取指定的字符串,不影响原字符串,返回被截取的字符串,
        // 第一个参数:开始截取的位置(包括)
        // 第二个参数:结束截取的位置(不包括)
        console.log(str.slice(1,4)); //哈武汉
        // 负数从右边开始截取,右边第一个数为-1
        console.log(str.slice(1,-2)); //哈武汉打
        // 当只有一个数时,默认从指定的索引开始截取后面全部
        console.log(str.slice(2)); //武汉打完了

        // substring()和slice用法一样,不过不能传负数
        console.log(str.substring(1,4)); //哈武汉

        // substr()
        // 第一个参数为:开始截取索引的位置
        // 第二个参数:截取的长度
        console.log(str.substr(1,4)); //哈武汉打

        // split()根据指定的字符(须为原字符串中有的)把原字符串拆分为数组
        console.log(str.split("汉")); //['等哈武', '打完了']
        // 传空串为根据原字符串每一个字符拆分成数组
        console.log(str.split("")); //['等', '哈', '武', '汉', '打', '完', '了']

        // toLowerCase()将指定的字符串转为小写,不为英文的部分不动
        str="AIDADAOWID大王";
        console.log(str.toLowerCase()); //aidadaowid大王

        // toUpperCase() 将指定的字符串转为大写,不为英文的部分不动
        str="aawfafaf";
        console.log(str.toUpperCase()); //AAWFAFAF
    </script>
</head>
<body>
    
</body>
</html>

正则表达式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            正则表达式也可以叫做规则表达式,用于定义一些字符串的规则
                计算机可以根据指定的规则判断字符串是否符合，
                或者将字符串中符合规则的内容提取出来               
         */
        /**  正则表达式的语法:
                var 变量=new RegExp("正则表达式","匹配模式")
                    
        **/
        
        // 创建一个正则表达式的对象
        var a=new RegExp("a");

        console.log(a); //   /a/
        console.log(typeof a); //object

        
        /* 正则表达式的方法:
            test()
                ---使用这个方法可以检查一个字符串是否符合正则表达式的规则，
                    如果符合返回true，不符合返回false
         */
        // var a=new RegExp("a");可以用来检查一个字符串是否含有a
         console.log(a.test("dd")); //false
         console.log(a.test("dad")); //true
         console.log(a.test("A")); //false

        /* 在构造函数中可以传递一个匹配模式作为第二个参数
                可以是:
                    i  忽略大小写
                    g  全局匹配模式
         */
        // 忽略大小写
        var b=new RegExp("a","i");
        console.log(b.test("A")); //true
    </script>
</head>
<body>
    
</body>
</html>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2022-01-04 13:20:03 更:2022-01-04 13:21:16

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/24 12:43:15-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码