前端的第十七天(JavaScript内置对象、简单类型与复杂类型)

前端的第十七天(JavaScript内置对象、简单类型与复杂类型)

一、JavaScript内置对象

在这里插入图片描述

1.内置对象

在这里插入图片描述

2.查文档

在这里插入图片描述

MDN:点击跳转
在这里插入图片描述

3.Math函数

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

    <script>
        var myMath = {
    
    
            PI : 3.1415926,
            max : function(){
    
    
                var max = arguments[0];
                for(var i=1 ; i<arguments.length ; i++){
    
    
                    if(arguments[i]>max){
    
    
                        max = arguments[i];
                    }
                }
                return max;
            },
            min : function(){
    
    
                var min = arguments[0];
                for(var i=1 ; i<arguments.length ; i++){
    
    
                    if(arguments[i]<min){
    
    
                        min = arguments[i];
                    }
                }
                return min;
            }
        }

        console.log(myMath.PI);
        console.log(myMath.max(1,5,15));
        console.log(myMath.min(1,5,15));
    </script>

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

    <script>
        function getRandom() {
    
    
            var num = Math.floor(Math.random() * 100 ) + 1;
            return num;
        }
        var mum1 = prompt('游戏即将开始!请输入1~100的整数');
        var num2 = getRandom();
        var add = 1;
        var flag = true;
        while(flag){
    
    
            alert('当前第' + add + '轮');
            if(num1==num2){
    
    
                alert('恭喜获胜');
                flag = false;
            }else{
    
    
                add += 1;
                if(num1<num2){
    
    
                    var num1=prompt('比预测结果小,请重新输入');
                }else{
    
    
                    var num1=prompt('比预测结果大,请重新输入')
                }
            }
        }
    </script>

4.日期对象

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

    <script>
        var date = new Date();
        var arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六']
        console.log('当前时间为' + date.getFullYear() + '年' + (date.getMonth()+1) + '月' + 
        date.getDate() + '日' + arr[date.getDay()] + date.getHours() +'时' + date.getMinutes() +
        '分' + date.getSeconds() + '秒');
    </script>

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

    <script>
        function getTime(inputTime){
    
    
            var nowTime = +new Date()
            var gettime = (inputTime - nowTime) / 1000;
            var d = parseInt(gettime / 60 / 60 /24);
            d = d>10?d:'0'+d;
            var h = parseInt(gettime / 60 / 60 % 24);
            h = h>10?h:'0'+h;
            var m = parseInt(gettime / 60 % 60);
            m = m>10?m:'0'+m;
            var s = parseInt(gettime % 60);
            s = s>10?s:'0'+s;
            return (d + '天' + h + '时' + m + '分' + s + '秒');
        }
        var inputTime = new Date('2021-11-22 17:00:00')
        var howtime = getTime(inputTime);
        console.log(howtime);
    </script>

5.数组对象

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

    <script>
        var arr = ['a','b','c','a','d','b','e','e'];    
        var newArr = [];
        for(var i=0 ; i<arr.length ; i++ ){
    
    
            var num =  newArr.indexOf(arr[i]);
            if(num === -1){
    
    
                newArr.push(arr[i]);
            }
        }    
        console.log(newArr);
    </script>

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

6.字符串对象

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

    <script>
        var arr = 'abcoefoxyozzopp';
        var num = 0;
        var index = arr.indexOf('o');
        while(index !== -1){
    
    
                console.log(index)
                num++;
                index = arr.indexOf('o',index+1);
            }
        console.log('第' + num + '次');
    </script>

在这里插入图片描述

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

二、简单类型与复杂类型

在这里插入图片描述

1.简单类型与复杂类型

在这里插入图片描述

2.堆和栈

在这里插入图片描述

3.简单类型的内存分配

在这里插入图片描述

4.复杂类型的内存分配

在这里插入图片描述

5.简单类型传参

在这里插入图片描述

6.复杂类型传参

在这里插入图片描述

**至此JavaScript基础部分已经完结,下一部分是JavaScript的DOM BOM操作!!!,
加油 **

猜你喜欢

转载自blog.csdn.net/m0_56901161/article/details/121453636