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

最新推荐文章于 2025-09-11 11:00:00 发布

原创最新推荐文章于 2025-09-11 11:00:00 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了JavaScript中字符串模板的使用方法，包括变量插入和多行字符串支持。同时，还讲解了新增的字符串方法如includes(), startsWith(), endsWith(), repeat(), padStart()和padEnd()等，帮助开发者更高效地进行字符串操作。

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