es6语法学习1、字符串扩展

 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()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值