Vue.js #字符串

最新推荐文章于 2024-05-16 23:40:36 发布

小番茄炒鸡蛋

最新推荐文章于 2024-05-16 23:40:36 发布

阅读量562

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/LEP2969171141/article/details/126841752

版权

学习目标：

提示：这里可以添加学习目标

例如：

了解熟悉掌握字符串的知识及应用

学习内容：

提示：这里可以添加要学的内容

例如：

字符串的声明与方法
掌握多行字符串
掌握模板字符串
掌握字符串与数组的相互转换

学习时间：

提示：这里可以添加计划学习的时间

例如：

不限，但要有效率

学习产出：

提示：这里统计学习计划的总量

例如：

代码加注释

字符串的声明与方法

<!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 str1 = '大鱼海棠哦';
        let str2 = '大鱼海棠哦';
        let str3 = '大鱼海棠哦';
        let str4 = '大鱼海棠哦';
        // 判断某些字符在不在某个字符串里面
        let index = str1.indexOf('大鱼')
        console.log(index);
        //截取字符串
        let str5 = str1.substr(1,2);//大为0，鱼为1，海为2，棠为3  指的是字符串的长度
        console.log(str5);
        //修改字符串
        let str6 = str4.replace('大鱼','小鱼')
        console.log(str6);
        
        //分割字符串
        let str7 = "公务员铁饭碗"
        let arry = str7.split('')
        console.log(arry);
        //大小写转换 （只有英文有大小写   中文没有）
        console.log("ABCD".toLowerCase());//转化为小写 abcd
        console.log("abcd".toUpperCase());//      大写 ABCD
        console.log('中文不存在大小写'.toLowerCase());





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

<body>

    <script>
        // 字符串相加
        let str1 = "I am " +
            "dangerous";
        console.log(str1);
        //反斜线  续行符   注意：\后面不能有空格
        let str2 = "I am \
        dangerous";
        console.log(str2);
        //模板字符串（在真实的业务中将一个字符串变成多行）
        let str3 =
            `I
            am
            dangerous`;
        console.log(str3);


    </script>

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

<body>
    <script>
        // 定义变量
        let name = '榴莲';
        let skill = '臭晕';

        // 字符串嵌入变量
        //使用$
        document.write(`${name}的技能是${skill}`)


    </script>



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

<body>
    <script>
        // 字符串转化为数组 split
        // 定义字符串A B
        let A = 'abc';
        let B = A.split("");
        console.log((A)); //abc
        console.log((B));//0: "a" "b" "c"

        let a = ['1', '2', '3', '4'];
        let b = a.join("");
        console.log(a);//["1" "2" "3" "4"]
        console.log(b);//1234
        console.log(typeof (b));//string



        // 练习

        let str = '星期天,星期一,星期二,星期三,星期四,星期五,星期六';//里面的逗号必须为英文
        let today = new Date();
        console.log(today);//Tue Sep 13 2022 15:43:48 GMT+0800 (中国标准时间)
        let day = today.getDay();//getDay()方法 返回一周（0~6）的某一天的数字  星期天为0
        console.log(day);//2
        let arr = str.split(',')//字符转换
        console.log(arr);//['星期天，星期一，星期二，星期三，星期四，星期五，星期六']
        console.log("今天是:" + arr[day]);//今天是：星期一
    </script>
</body>

</html>