1. 程式人生 > >ES6從入門到進階 第三節 字串模版 字串方法

ES6從入門到進階 第三節 字串模版 字串方法

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