ES6字符串相关

柔情只为你懂 2021-07-24 11:58 406阅读 0赞

# 一 实战 #

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <script>
            /* 字符串扩展 */
            // 字符串可以使用`startsWith()`、`endsWith`、`includes`等函数
            let str = "hello.vue";
            console.log(str.startsWith("hello")); // true
            console.log(str.endsWith(".vue")); // true
            console.log(str.includes("e")); // true
            console.log(str.includes("hello")); // true
    
            /* 模板字符串 */
            // 模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。
            // 普通字符串:
            let string = `Hello'\n'world`;
            console.log(string);
            // "Hello'
            // 'world"
    
            // 多行字符串:
            let string1 = `Hey,
            can you stop angry now?`;
            console.log(string1);
            // Hey,
            // can you stop angry now?
    
            // 变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式:
            function fun() {
                return "这是一个函数"
            }
    
            let abc = "jack";
            let age = 10;
    
            let info = `我是${abc}，今年${age + 10}了, 我想说： ${fun()}`;
            console.log(info);
            //我是jack，今年21了, 我想说： 这是一个函数
        </script>
    </body>
    
    </html>

# 二 测试 #

![2020101812024673.png][]

[2020101812024673.png]: /images/20210724/b008992061a14aafa0b57b5226597f45.png