ES6:ES6的内置对象String字符串的扩展方法

一、模板字符串:
ES6新增了创建字符串的方式,使用反引号来定义``。

声明一个模板字符串:
let name = `我是一个模板字符串`;
console.log(name); // 和普通字符串一样可以输出内容

模板字符串的特点:
1.模板字符串可以解析变量

// 普通字符串需要拼接,而模板字符串直接使用${}就可以
let name = `Alice`;
let sayHello = `大家好,我叫${name}`;
console.log(sayHello); // 输出:大家好,我叫Alice

2.模板字符串中可以换行,看起来更直观

let person = {
	name:"Bob",
	age:21,
	sex:"男"
}
// 普通字符串是无法换行的
let info = `
<div>
	<span>${person.name}</span>
	<span>${person.age}</span>
	<span>${person.sex}</span>
</div>
`
console.log(info);

3.模板字符串可以调用函数

let fn = () => "模板字符串可以调用我";
let info = `我是一个模板字符串${fn()}`;
console.log(info); // 输出:我是一个模板字符串模板字符串可以调用我

二、String的实例方法:startsWith()和endsWith()
startsWith():表示参数字符串是否在原字符串的头部,返回布尔值true/false;
endsWith():表示参数字符串是否在原字符串的尾部,反而布尔值true/false。

let str = "hello everybody";
let start = str.startsWith("h");
let end = str.endsWith("everybody");
// 如果是str.startsWith("e") 结果就是false了
console.log(start); // true
console.log(end); // true

三、String的实例方法:repeat()
repeat()方法表示将原字符串重复N次,然后返回一个新字符串。

let str = "a";
let newStr = str.repeat(3); 
let newStr2 = str.repeat(2); 
console.log(newStr); // aaa
console.log(newStr2); // aa
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值