谷粒商城23 - 前端基础ES6 字符串

桃扇骨 2023-03-02 10:21 3阅读 0赞

### 文章目录 ###

*   *   *  字符串新的api
         *  字符串模板
         *  字符串模板引入函数

### 字符串新的api ###

字符串扩展的方法

let str = "hello.vue";
          console.log(str.startsWith("hello"));
           console.log(str.endsWith(".vue"));
           console.log(str.includes("e"));
           console.log(str.includes("hello"));

控制台打印如下  
![20200728194006914.png][]

### 字符串模板 ###

用反引号, 除了定义字符串, 还可以在字符串中加入变量和表达式

let ss = `<div> <span>hello world<span> </div>`

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5_size_16_color_FFFFFF_t_70][]  
字符串插入变量和表达式, 变量名写在\{\} 中, $\{\} 中可以放入js表达式

let abc = "周杰伦";
            let age = 8 ; 
            let info = `我是${abc},今年${age+10}岁了`;
            console.log(info);

![20200728194838362.png][]

### 字符串模板引入函数 ###

![20200728195425674.png][]

[20200728194006914.png]: /images/20230208/5f68d55d9d9c449fba6628939e716fe6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5_size_16_color_FFFFFF_t_70]: /images/20230208/3c53acd3bfdb4fc1bd56620e88e91173.png
[20200728194838362.png]: /images/20230208/694af4ac24464da9be5e9f2b1842b40f.png
[20200728195425674.png]: /images/20230208/31b9bec5d30f4de98d408e66c1007757.png