ES6从入门到进阶第三节字符串模版字符串方法

四叶草的IT小业

于 2018-11-01 11:49:47 发布

阅读量118

点赞数

本文链接：https://blog.csdn.net/dashen_me/article/details/83618031

版权

<!DOCTYPE html>
<html>
<head>
    <title>字符串模板</title>
</head>
<body>
<script type="text/javascript">
    /*
    `${变量名}` 字符串模板，支持换行
     */
    let name = 'llh';
    let age = 18;
    let str = "这个人的名字叫" + name + "年龄是" + age;
    let str1 = `这个人的名字叫 ${name}`;
    console.log(str1);

    /*
    新增字符串方法 
    查找 includes() 返回布尔 查到返回true
    str.startsWith() 是否以谁开头 返回布尔
    str.endsWith()
    str.repeat(次数) 重复字符串 返回字符串
    str.padStart(总字符串长度，填充内容) 填充字符串 在前面填充
    str.padEnd()
     */
    let str2 = 'apple orange pear';
    alert(str2.includes('apple'));

    let str3 = 'a';
    let padstr = "xxx";
    console.log(str3.padStart(str3.length + padstr.length, padstr));
</script>
</body>
</html>