JavaScript类库

内置类库

第三方类库与框架:

  1. jquery
  2. vue
  3. react
  4. backbone
  5. angular
  6. RequireJS

内置类库

数字处理(Math)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <script>
            var min=Math.min(1,2,3,4);
            print(min);
            
            var max=Math.max(1,2,3,4);
            print(max);
            print("*************");
            
            // 浮点数转整数
            var num1=Math.ceil(1.1);//向上转//2
            print(num1);
            var num2=Math.floor(1.9);//向下转//1
            print(num2);
            var num3=Math.round(1.6);//四舍五入
            print(num3);
            var num4=Math.round(1.4);//四舍五入
            print(num4);
            print("*************");
            
            // 随机数
            var rand1=Math.random();//0-1随机数
            print(rand1);
            var rand2=Math.random()*100;//0-100随机数
            print(rand2);
            var rand3=Math.random()*100;//0-100整数随机数
            rand3=Math.round(rand3);
            print(rand3);
            print("*************");
            
            // 绝对值
            var absNum=Math.abs(-99);
            print(absNum);
            print("*************");
            
            // 数字转换进制
            var num=10;
            print(num);
            print(num.toString(2));//转二进制
            print(num.toString(8));//转八进制
            
            // 保留小数
            var num2=10.65178;
            print(num2.toFixed(2));//保留两位小数
            
            // 类型转换
            var str="666.888";
            var num3=Number(str)+10;
            print(num3);
            num3=parseInt(str)+10;//转Int
            print(num3);
            num3=parseFloat(str)+10;//转float
            print(num3);
            
            
            
            function print(message){
                document.write(message);
                document.write("<br />");
            }
        </script>
    </body>
    
</html>

 日期处理

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        // 当前日期
        var date=new Date();
        print(date);
        
        // 自定义日期
        var date2=new Date("2012-12-12 20:20:20");
        print(date2);
        
        // 获取具体内容
        print(
            date.getFullYear()+"年"+
            (date.getMonth()+1)+"月"+
            date.getDate()+"号"+
            date.getHours()+":"+
            date.getMinutes()+":"+
            date.getSeconds()+" "+
            "星期"+date.getDay()
            );
        
        function print(message){
            document.write(message);
            document.write("<br />");
        }
    </script>
</html>

 Array类

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        // 创建数组
        var array=[];
        var array1=new Array();
        var array2=new Array("aaa","bbb","ccc");
        var array3=["qqq","wwww","eee"];
        
        // 添加元素
        array1.push(6);//末尾添加
        array1.push(8);
        print("数组1:"+array1);
        print("数组2:"+array2);
        print("数组3:"+array3);
        
        // 修改元素
        array2[1]="sss";
        
        // 判断对象是否为某一类实例
        print(array3 instanceof Array);
        
        // 数组拼接
        var arrayA=[1,2,3,4];
        var arrayB=[9,8,7,6];
        print(arrayA.concat(arrayB));//1,2,3,4,9,8,7,6
        
        // 数组截取
        var arrayD=new Array(1,2,3,4,5,6,7,8,9);
        var arrayE=arrayD.slice(0,3);
        print(arrayE);
        // 数组插入
        arrayD.splice(2,0,"asdf");//插入位置,取代个数,内容
        print(arrayD);
        
        // 数组排序
        var array4=[5,3,6,9,45,62,55];
        array4.sort(function(num1,num2){//由小到大排序
            return num1-num2;
        });
        print(array4);
        print("*************");
        // 倒序
        array4.reverse();
        print(array4);
        print("*************");
        
        function print(message){
            document.write(message);
            document.write("<br />");
        }
    </script>
</html>

猜你喜欢

转载自blog.csdn.net/SignalFire/article/details/113736586
今日推荐