JS6新增属性

最新推荐文章于 2024-08-23 20:55:13 发布

来点小菜

最新推荐文章于 2024-08-23 20:55:13 发布

阅读量67

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/2301_77306686/article/details/129824569

版权

1、数学（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>
</head>
<body>
    <script>
        console.log(Math.PI);
        console.log(Math.abs(-6)); //绝对值6
        //上舍入4
        console.log(Math.ceil(3.1));
         //下舍入3
        console.log(Math.floor(3.9));
        //四舍五入 4
        console.log(Math.round(3.52));
        //最大值8
        console.log(Math.max(5,8,3,1,7));
        //最小值1
        console.log(Math.min(5,8,3,1,7));
        //2的3次方
        console.log(Math.pow(2,3));
        //开平方 3
        console.log(Math.sqrt(9));
        //随机数 [0-1)的随机数
        let a=Math.random();
        console.log(a);
       //随机数 [0-10)的随机数
        let b=Math.floor(Math.random()*10);
        console.log(b);
       //随机数 [0-10]的随机数
       let c=Math.ceil(Math.random()*10);
       console.log(c);
       //随机数 [5-15]的随机数
       let d=Math.ceil(Math.random()*10)+5;
       console.log(d);
       //随机数 [8-21]的随机数
       let e=Math.ceil(Math.random()*13)+8;
       console.log(e);
        //随机数 [6-18]的随机数
       let f=Math.ceil(Math.random()*12)+6;
       console.log(f);
       //生成 [m-n]:Math.ceil(Math.random()*(n-m))+m;
   </script>
</body>
</html>

2、日期（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>
</head>
<body>
    <script>
        // 获取Date对象
        let date=new Date(); //当前时间
        console.log(date);
        console.log(date.getFullYear()); //年
        console.log(date.getMonth()+1); //月 0-11
        console.log(date.getDate());   //日
        console.log(date.getDay());   //星期
        console.log(date.getHours());  //小时
        console.log(date.getMinutes());  //分钟
        console.log(date.getSeconds());   //秒
        // 1s=1000ms
        console.log(date.getMilliseconds()); //毫秒
        //1970年1月1日到当前的毫秒数
        console.log(date.getTime());
        //转换为格林威治时间
        console.log(date.toUTCString());
    </script>
</body>
</html>

3、String属性：

<!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>
</head>

<body>
    <script>
         // ============常用===============
         let str="Hello world";
          //属性:长度,下标从0开始
          console.log(str.length); //11
          //根据下标获取对应字符
          console.log(str.charAt(3)); //l
          //获取字符串第一次出现的位置  
          console.log(str.indexOf("l")); //2
          console.log(str.indexOf("lo")); //3
          //找不到 -1
          console.log(str.indexOf("qq")); //-1
          //判断是否包含某个子串
          console.log(str.includes("lo")); //true
          //判断字符串以..开头
          console.log(str.startsWith("Hell")); //true
          //字符串截取substr(起始下标,截取长度)
          console.log(str.substr(2,5)); //llo w
          console.log("  你  好  "); // 你 好
          //去除两边的空格
          console.log("  你  好  ".trim()); //你 好
          let num=8;
          console.log(num<10?'0'+num:num);
          //长度3位，不够3位前面拼0
          console.log((num+'').padStart(3,0));
         

        // ============不常用==============
         //长度3位，不够3位后面拼0
         console.log((num+'').padEnd(3,0));
         //获取字符串最后一次出现的位置
         console.log(str.lastIndexOf("o")); //7
         /* 
          A-Z:65-90
          a-z:97-122 
          0-9:48-57
         */
         //获取对应字符的unicode码
         console.log(str.charCodeAt(1)); //101
         let str2="a9";  
         console.log(str2.charCodeAt(1)); //57
         //将 Unicode 编码转为字符。
         console.log(String.fromCharCode(90));//Z
         //拼接返回新的字符串
         let str3=str2.concat("bc");
         console.log(str2,str3);//a9 a9bc
         //判断字符串以..开头
         console.log(str.endsWith("rld")); //true
         //字符串重复3次
         console.log(str2.repeat(3)); //a9a9a9
        //  字符串截取substring[起始下标,结束下标)
        console.log("hello".substring(1,4));//ell
        //从下标1截取到最后
        console.log("hello".substring(1));//ello
        // 字符串截取slice[起始下标,结束下标)
        console.log("hello".slice(1,4));//ell
        // 负数从前面的元素下标写
        console.log("hello".slice(-4,-2));//el
        //从下标1截取到最后
        console.log("hello".slice(1));//ello
        //转换大小写
        console.log("hello".toUpperCase());//HELLO
        console.log("HELlo".toLowerCase());//hello
    </script>
</body>

</html>

4、数组（Array）属性：

<!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>
</head>
<body>
    <script>
        //1、数组连接
        let arr1=[10,20,30]
        let arr2=[20,40,60]
        console.log(arr1);//不变
        console.log(arr2);//6个
        arr1.copyWithin(2.0)
        console.log(arr1);//位置不变
        //2、复制改变位置并替换
        //fruits.copyWithin(替换起始下标，[起始下标，结束下标));
        var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
        fruits.copyWithin(2,0,2);
        console.log(fruits);//['Banana', 'Orange', 'Banana', 'Orange', 'Kiwi', 'Papaya'];
        //3、填充，将所有数据填充为 你好
        arr1.fill('你好');
        console.log(arr1);//['你好', '你好', '你好']
        //4、转化为数组Array.from(其他类型)！！！！！！
        test()
        function test(){
            console.log(Array.from(arguments));
        }
        test(1,2,3)
        //5、判断一个数组是否包含一个指定的值。！！！！！
        console.log(fruits.includes('Banana'));
        //6、找不到返回-1
        console.log(fruits.indexOf('Banana'));
        console.log(fruits.lastIndexOf('Banana'));
        //7、把数组的所有元素拼接为一个字符串。
        let arr3=['你','真','好'];
        let str=arr3.join("-");
        console.log(str); //你-真-好
        let str2=arr3.join("");
        console.log(str2); //你真好
        //8、split，按..拆分
        let arr4=str.split("-");
        console.log(arr4); //['你', '真', '好']
        let arr5=str2.split("");
        console.log(arr5); //['你', '真', '好']
        //9、翻转数组顺序,原数组受到影响
         arr5.reverse();
         console.log(arr5); //['好', '真', '你']
         let str3='我喜欢编程'; //把这句话翻转
         //!!!!!!!!!!!!!!!!!!!!!!!!!!!
         console.log(str3.split("").reverse().join(""));//程编欢喜我
        //10、slice[开始下标,结束下标)截取
        console.log(arr5.slice(0,2)); // ['好', '真']
        let str5=arr5.toString();
        console.log(str5); //字符串 好,真,你
        //11、将一组数转换为数组
        console.log(Array.of(str5));
    </script>
</body>
</html>