美文网首页
15.字符串扩展

15.字符串扩展

作者: web_jianshu | 来源:发表于2020-06-28 17:12 被阅读0次
    <!DOCTYPE html>
    
    <html lang="en">
    
      <head>
    
        <meta charset="UTF-8" />
    
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    
        <title>Document</title>
    
      </head>
    
      <body>
    
        <div id="app"></div>
    
      </body>
    
    </html>
    
    <script>
    
      var box = document.querySelector("#app");
    
      let obj = {
    
        name: "hello world",
    
        age: 19
    
      };
    
      // box.innerHTML = '姓名:' + obj.name + ',' + '年龄:' + obj.age // 如果说还要换行呢?
    
      box.innerHTML = `
    
        姓名:${obj.name},
    
        年纪:${obj.age},
    
        `;
    
      let str = "   my love is you   ";
    
      str.indexOf("love") > -1;
    
      // ES6新增
    
      console.log(str.includes("love")); // true 判断字符串是否包含某一个字符串 返回bool
    
      console.log(str.startsWith("my")); // false 判断字符串是不是以xx开头
    
      console.log(str.endsWith("you")); // false 判断字符串是不是以xx结尾
    
      console.log(str.trimStart()); // 去掉前面空格  等价于 str.trimLeft()
    
      console.log(str.trimEnd()); // 去掉后面空格  等价于 str.trimRight()
    
      // ES5
    
      console.log(str.trim());
    
      // 类似还有padStart()/padEnd()
    
    </script>
    

    相关文章

      网友评论

          本文标题:15.字符串扩展

          本文链接:https://www.haomeiwen.com/subject/limwfktx.html