字符串模板

最新推荐文章于 2021-10-27 16:10:06 发布

VVVGG

最新推荐文章于 2021-10-27 16:10:06 发布

阅读量201

点赞数

分类专栏： ES6

本文链接：https://blog.csdn.net/VVVZCS/article/details/82666123

版权

ES6 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

字符串模板：``

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="">
</head>
<body>
  <ul>
  </ul>
</body>
<script type="text/javascript" charset="utf-8">
  let data = [
    {title:'AAAAA', num:20},
    {title:'BBBBB', num:50},
    {title:'CCCCC', num:10},
    {title:'DDDDD', num:30},
  ];
  let ul = document.getElementsByTagName('ul')[0];
  for (let i = 0; i < data.length; i ++) {
    let li = document.createElement('li');
    li.innerHTML = `<span>${data[i].title}</span>
                    <span>${data[i].num}</span>`
    ul.appendChild(li);
  }
</script>
</html>

字符串模板支持字符串换行和插值变量

字符串查找：

原来方法：indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

ES6新增方法includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。

endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部。

repeat()：返回一个新的字符串，表示将一个字符串重复n次

padStart()/padEnd()：字符串补全函数，如果字符串不够长度，则用会在头部或者尾部补全，Start头部补全，End尾部补全

接受两个参数，第一个参数是指定字符串的长度，第二个是用来补全的字符串，

如果第一个参数小于或等于源字符串，则返回源字符串，如果第二个参数省略，则默认为空格填充

常用于补全位数

或者，用于补全字符串提示

VVVGG

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
字符串模板

字符串模板：`` &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;&a
复制链接

扫一扫

专栏目录