ES6模板字符串、startsWith（）、endsWith（）、repeat（）

柔光的暖阳◎ 2023-07-15 15:27 31阅读 0赞

# 一、模板字符串 #

#### 模板字符串可以解析变量 ####

语法：反引号+$\{变量名\}

var uname='李明';
                var str=`${ uname}，你好吗？`;
                console.log(str);

#### 模板字符串可以换行显示 ####

var uname='李明';
                var str=`${ uname}，你好吗？ //回车换行 真的好吗?`;
                console.log(str);

![在这里插入图片描述][20200317170932824.png]

#### 模板字符串可以调用函数 ####

function foo() { 
                    return '李明';
                }
                var str=`${ foo()}，你好吗？`;
                console.log(str);

![在这里插入图片描述][20200317171330780.png]

# 二、startsWith（）、endsWith（） #

**表示参数字符串是否在头部或者尾部，返回true|false**

var str='Hello World!';
                console.log(str.startsWith('H'));		//true
                console.log(str.endsWith('ld!'));		//true

# 三、repeat（） #

**将字符串重复n次，并返回一个新字符串**

var str='Hello World!';
                console.log(str.repeat(3));

本文只用于个人学习和记录

[20200317170932824.png]: /images/20230528/d178de9a9d094ad6bf574a8b809044fd.png
[20200317171330780.png]: /images/20230528/e29fbd2be76445d1ac9ded514020cc9c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，31人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6：模板字符串

为了能够让前端更加方便的拼接，操作字符串，ES6出了模板字符串。 -------------------- 传统的字符串模板：在传统的Javascript

柔光的暖阳◎/ 2023年06月06日 03:38/ 0 赞/ 46 阅读

相关 es6 模板字符串

模板字符串（template string）是增强版的字符串，用反引号（\`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量 1、基本

ゝ一纸荒年。/ 2023年02月23日 12:22/ 0 赞/ 165 阅读

相关 ES6模板字符串

使用 ` ` (1的左边)包裹文本在需要替换的位置使用${ } 占位，并填入内容即可。 let name = '张三' let food

蔚落/ 2022年12月21日 06:05/ 0 赞/ 139 阅读

相关 es6字符串的扩展——模板字符串

模板字符串的用法： <!DOCTYPE html> <html> <head> <meta charset="utf-8">

ゝ一世哀愁。/ 2022年05月19日 13:16/ 0 赞/ 252 阅读

相关 ES6模板字符串

文档 [MDN][] 说明模板字符串使用反引号“\`\`” 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（$\{expression\}）的

﹏ヽ暗。殇╰゛Y/ 2022年04月27日 19:54/ 0 赞/ 219 阅读

相关 es6模板字符串

才接触es6发现，可能已经很晚了，但是接触之后才发现真的好用很多。说说字符串模板吧。之前js的字符串基本都是用 str += '<div class="lis

小咪咪/ 2022年03月18日 05:23/ 0 赞/ 343 阅读

相关 Es6 - 字符串模板

字符串模板 var str = '名字';var long = '开开心心的学习es6的字符串模板语法'document.write(long)复制代码字符串

偏执的太偏执、/ 2022年01月12日 01:49/ 0 赞/ 363 阅读

相关 ES6之模板字符串

1.基本用法传统的JavaScript语言，输出模板通常是这样写的。 $('result').append( 'There are <b>' +

傷城~/ 2021年09月16日 19:40/ 0 赞/ 493 阅读

相关 ES6模板字符串

ES6模板字符串一、什么模板字符串二、写法一、什么模板字符串创建字符串的新方式二、写法 let a = `小飞`//使用反引

川长思鸟来/ 2021年09月07日 06:10/ 0 赞/ 546 阅读

相关 ES6——模板字符串

语法 `...${ ...}...` 变量的嵌套 var s1 = `hello vue`; `xxx ${ s1} xxx` //xxx

蔚落/ 2021年06月26日 16:06/ 0 赞/ 538 阅读