本文介绍ES6中的新特性，如includes(), startsWith(), endsWith(), repeat(), padStart()和padEnd()等方法，并通过一个HTML示例展示了如何使用JavaScript动态生成HTML列表。
字符串模板：``
<!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尾部补全
接受两个参数，第一个参数是指定字符串的长度，第二个是用来补全的字符串，
如果第一个参数小于或等于源字符串，则返回源字符串，如果第二个参数省略，则默认为空格填充
常用于补全位数
或者，用于补全字符串提示
扫一扫
843
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
