ES6总结 —— 字符串

一片生活枫叶 2021-09-28

350

上篇文章总结了ES6中有关Let变量声明的注意事项，接下来说一说ES6中关于新增的常用字符串一些方法。看了阮大神的介绍，他那里边说的很多，也很详细。但是有一大部分平常是用不到的。所以我就总结的以下几类经常能碰见的方法。如下：

第一，模板字符串。

写法: ` ${ } `

demo:

<body>
<div id="d"></div>
<script type="text/javascript">
    window.onload = function() {
        let [name,age,Gender='女'] = ["上官牛排",18];
        let html = `
            <h2>他的名字叫 ${name}，
              年龄是${age}岁,
              性别：${Gender}</h2>`;
   document.getElementById('d').innerHTML = html;
    }
</script>

</body>

第二，字符串包含。

写法: str.includes( ) 返回true 或 false

demo:

    let str = 'this is one nice day!';
    alert(str.includes('day'));
    // 结果 ：true

第三，以xx开头/结尾。

写法: str.startsWith( ) str.endsWith( )

返回true 或 false

demo:

    let str = 'this is one nice day!';
    alert(str.startsWith('this'));
    alert(str.endsWith('this'));
    // 结果 ：true  false

第三，重复。

写法: str.repeat(重复次数 )

demo:

    let a = 'hello!';
    alert(a.repeat(3))
    // 结果：hello!hello!hello!

第四，前/后填充。

写法: str.padStart(整个字符串的长度，‘填充的内容’)；

str.padEnd(整个字符串的长度，‘填充的内容’)；

demo:

    let str = 'hai';
    alert(str.padStart(6,'G'));
    alert(str.padEnd(6,'G'));
    // 结果 ：'GGGhai'  'haiGGG'

在这里就先总结这四类吧。

长按关注>>>

盘它

数据库

文章转载自一片生活枫叶，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

ES6总结 —— 字符串

评论