模板字符串

最新推荐文章于 2023-09-16 10:24:31 发布

Issssy

最新推荐文章于 2023-09-16 10:24:31 发布

阅读量207

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/Issssy/article/details/128025449

版权

1.模板字符串

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

2.多行字符串

多行字符串的作用是用来提高源代码的可读性。

尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性。

在一些语言中,多行字符串还可以用来做代码注释。

大部分动态脚本语言都支持多行字符串,比如Python,Ruby,PHP.

<!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 str1 = "I am " +
        "dangerous";
        console.log(str1); //I am dangerous

        //2.使用反斜线(续行符，并非一种常见形式，但是用上了很容易上瘾)
        //优点:简单，高效。
        //缺点:每一行的\后必须不可以有空格，否则之间脚本错误。同样不是真正意义上的多行字符串。
        let str2 = "I am \
        dangerous";
        console.log(str2);  //I am          dangerous

    </script>
</body>
</html>

3.字符串和数组相互转换

<!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
        let A = 'abc';
        let B = A.split('');
        console.log(A);//abc
        console.log(B);//['a','b'.'c']

        //数组转化为字符串 join
        let a = [1,2,3,4];
        let b = a.join('');
        console.log(a);
        console.log(b);
        console.log(typeof(b));

        //小练习
        let str = '星期日,星期一,星期二,星起三,星期四,星期五,星期六';
        let today = new Date();
        console.log(today);//Mon Sep 12 2022 18:47:07 GMT+800(中国标准时间)
        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>

4.字符串声明与方法

<!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 str1 = "江西软件职业技术";
        let str2 = "江西软件职业技术";
        let str3 = `江西软件职业技术`;

        //2.判断一个字符串在不在某个字符串里面
         let index1 = str1.indexOf('江西');
         console.log(index1);

         //3.截取字符串（第一个参数：从那个下标开始截取；第二个参数：截取的长度）
         let str4 = str1.substr(2,3)
         console.log(str4);

         //4.修改字符串（第一个参数：要修改的字符串；第二个参数：修改后的字符串）
         let str5 = str.replace("软件","互联网")
         console.log(str5);

         //5.分割字符串
         let str6 = "你好世界"  
         //这个函数返回的一定是一个数组
         let array = str6.split(',')
         // &为分隔符，找到分隔符后，将其从字符串删除，并将子字符串的数组返回。 
         // 如果没有找到或省略了分隔符，则该数组包含了一个由整个字符串组成的元素。 
         // 如果分隔符为空字符串，则将str转换为字符数组 
         console.log(array);
    </script>
</body>
</html>

Issssy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模板字符串

尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性。大部分动态脚本语言都支持多行字符串,比如Python,Ruby,PHP.在一些语言中,多行字符串还可以用来做代码注释。多行字符串的作用是用来提高源代码的可读性。
复制链接

扫一扫