1、模板语法,字符串解析变量。需要把~${var}~ 变量包裹起来。模板字符串(template string)是增强版的字符串,用反引号(`)标识。
var basket = [{count:'高凯' ,onSale:'1000元'},{count:'李东亮' ,onSale:'9000元'},{count:'郑志鑫' ,onSale:'300元'}];
$(function(){
basket.map(item =>{
$('#result').append(
'姓名: <b>' + `${item.count}` + '</b> ' +
'工资 ' +
'<em>' + `${item.onSale} `+
'</em> 都是在商户有偲电子科技有限公司工作!<br>'
);
});
})
2、模板字符串之中还能调用函数。
3、字符串新增的方法String.fromCodePoint()
这个方法主要是用于从 Unicode 码点返回对应字符,但是这个方法不能识别码点大于0xFFFF
的字符。
String.fromCodePoint(0x20BB7)
// "𠮷"
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
// true
4、codePointAt()
JavaScript 内部,字符以 UTF-16 的格式储存,每个字符固定为2
个字节。对于那些需要4
个字节储存的字符(Unicode 码点大于0xFFFF
的字符),JavaScript 会认为它们是两个字符。
5、
includes():返回布尔值,表示是否找到了参数字符串。
startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部
6、repeat()
repeat
方法返回一个新字符串,表示将原字符串重复n
次。
'x'.repeat(3) // "xxx"
7、padStart(),padEnd()
ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()
用于头部补全,padEnd()
用于尾部补全。
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab'
8、trimStart(),trimEnd()
ES2019 对字符串实例新增了trimStart()
和trimEnd()
这两个方法。它们的行为与trim()
一致,trimStart()
消除字符串头部的空格,trimEnd()
消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。