字符串模板:``
<!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尾部补全
接受两个参数,第一个参数是指定字符串的长度,第二个是用来补全的字符串,
如果第一个参数小于或等于源字符串,则返回源字符串,如果第二个参数省略,则默认为空格填充
常用于补全位数
或者,用于补全字符串提示