JS-03

JS常用内置对象

String对象

创建对象

有三种方式: 单引号('') 、双引号("") 、反引号(``)

<script type="text/javascript">
    
    //双引号字符串 
    let s1 = "双引号字符串"; 

    //单引号 
    let s2 = '单引号字符串'; 

    //反引号字符又叫做`字符串模板` ,模板中可以使用${}来进行插值.
    let s3 = `反引号字符串`;

    let n = 3547;   
    let s5 =`你的验证码是：${n}`;
    console.log(s5);//你的验证码是：3547
</script>

常用方法

<script>
            let s1 = "我是中国人,我爱我的祖国";
            /* 
                截取
                     第一个参数：开始的位置
                     第二个参数：结束的位置，包左不包右
             */
            console.info(s1.substring(6,9));//我爱我
            
            /* 字符串分割为数组 */
            let s2 ="a,b,c,d";
            console.info(s2.split(","));// ["a", "b", "c", "d"] 
                    
            let s3 = "Yi Yan";
            console.info(s3.toUpperCase());//   大写  
            console.info(s3.toLowerCase());//    小写 
                
            let s4 =" yi yani ";
            console.info(s4.trim());//去掉首尾空格    
            
            let s5 = "我爱一燕";
            console.info(s5.replace("一燕","肉丝"));//我爱肉丝
            
            console.info(s5.charAt(3));//燕
            
        </script>

Array对象

创建数组

格式一 【推荐】

let 数组名 = [元素1,元素2,元素3.....];

<script>
//数组中元素类型是随便写
let arr = [11,22,33,44,"55"];

//长度
// alert(arr.length);

//指定获取数组中的元素
// alert(arr[4]);

//通过脚标修改元素
arr[2] = 99;

arr[3] = "hello";

//遍历一
for(let i = 0; i< arr.length; i++){
document.write(arr[i]);
document.write("<br>");
}

//遍历二
for(let a in arr){
document.write(arr[a]+",");
}

</script>

格式二

let 数组名 = new Array(元素1,元素2,元素3.....);

<script>
            //如果给出多个参数，表示的是数组的元素
            let arr = new Array(11,22,"hello",'88',true);
            
            //长度
            alert(arr.length);
            
            //获取
            alert(arr[2]);
            
            //如果给的参数所number类型，并且只有一个，表示是长度
            let arr = new Array(11);
            alert(arr.length);
            
            //如果给的参数所number类型，是一个小数，无法表示长度
            let arr = new Array(3.14);
            alert(arr.length);
            
            //如果给的参数字符中类型，并且是一个，表示元素
            let arr = new Array("11");
            alert(arr.length);
            
            //遍历
            for(let i in arr){
                document.write(arr[i]);
            }
            
        </script>

常用方法

<script type="text/javascript">
    
    // 格式一创建数组
    let arr1 = ["张三","李四","王五",true];

    // 格式二 创建数组
    let arr2 = new Array("古力娜扎","玛尔扎哈",12.3,false);

    // arr1 和 arr2 合为一个数组
    let newArray = arr1.concat(arr2);
    console.log(newArray);

    // push: 添加一个新的元素
    let len = arr2.push("新元素");
    console.log(arr2);
    console.log(len);

    // join：按照一定的格式拼接字符串
    let strArray = arr2.join("=");
    console.log(strArray);
</script>

数组的属性

数组的特点

1. JS中，数组元素的类型可变的。
2. JS中，数组长度可变的。

Math对象

创建对象

Math对象不用创建，直接使用。 Math.方法名();

常用方法

<script>
    let round = Math.round(3.14);
    let ceil = Math.ceil(3.14);
    let floor = Math.floor(3.14);
    let random = Math.random();
    // 获取1~100之间的随机整数
    let randomNumber =  Math.floor((Math.random() * 100)) + 1;
</script>

Math属性

Date对象

创建对象

var date = new Date();

常用方法

<script>
            console.info(d);//Fri Jul 02 2021 17:23:09 GMT+0800 (中国标准时间)
            console.info(d.toLocaleString());    //2021/7/2 下午5:23:19
            console.info(d.toLocaleDateString());//2021/7/2
            console.info(d.toLocaleTimeString());//下午5:23:19
            
            console.info('获取年:'+d.getFullYear());//获取年
            console.info('获取月:'+d.getMonth());//获取月
            console.info('获取日:'+d.getDate());//获取日
            console.info('获取小时:'+d.getHours());//获取小时
            console.info('获取分:'+d.getMinutes());//获取分
            console.info('获取秒:'+d.getSeconds());//获取秒
            console.info('获取毫秒:'+d.getTime());////获取毫秒
</script>

全局函数

什么是全局函数

全局函数不需要对象就可以直接调用: 方法名();

常用全局函数

字符串与number之间的转换

<script>
    console.log(parseInt("123.456"));//123
    console.log(parseInt("12abc3.456"));//12

    console.log(parseFloat("123.456"));//123.456
    console.log(parseFloat("123.45abc6"));//123.45

    console.log(parseInt("abc123"));//NaN : not a number 不是一个数字
    
    console.log(isNaN("abc123"));//true
</script>

==注意事项==

NaN 六亲不认，连自己都不认。
如果要判断是否是一个NaN类型的数据，使用isNaN()

字符编码

<script>
    let name = "明下午两点偷袭珍珠";
    let encodeName = encodeURI(name);//编码
    //%E6%98%8E%E4%B8%8B%E5%8D%88%E4%B8%A4%E7%82%B9%E5%81%B7%E8%A2%AD% E7%8F%8D%E7%8F%A0
    console.log(encodeName);
    // 对数据进行解码
    let resultStr = decodeURI(encodeName);//解码
    console.log(resultStr);//明下午两点偷袭珍珠    
</script>

普通字符串解析js代码

eval（"abc");//不执行
eval（"var a = 3; var b = 4; alert(a+b);");//执行

URL 和 URI

https://www.baidu.com/a/fdks/kdjs

http:// 网络传输协议

www 万维网

.baidu.com 域名

/a/fdks/kdjs 资源路径（资源：一个文件，一个程序，图片，视频，，，）

URL: 统一资源定位符 https://www.baidu.com

URI：统一资源标识符 /a/fdks/kdjs