脚本语言规范ES6-知识点3

脚本语言规范ES6-知识点3

文章目录

• • • • String的扩展方法
      • Set数据结构

String的扩展方法

模板字符串

ES6新增的窗创建字符串的方式，使用反引号定义。

• 模板字符串可以解析变量

let name=`张三`;
let sayhello = `Hello，我的名字叫${name}`;
console.log(sayhello);//输出   Hello，我的名字叫张三

• 模板字符串中可以换行
• 在模板字符串中可以调用函数

const fn = () => '我是fn函数';
let html = `我是模板字符串 ${fn()}`
console.log(html);//输出   我是模板字符串 我是fn函数

实例方法startsWith()和endsWith()

startsWith()：表示参数字符串是否在原字符串的头部，返回布尔值。
endsWith()：表示参数字符串是否在原字符串的尾部，返回布尔值。

let str = 'Hello word!';
console.log(str.startsWith('Hello'));//输出  true
console.log(str.endsWith('!'));//输出  true

实例方法repeat()

repeat()方法表示将原字符串重复n次，返回一个新字符串。

console.log("y".repeat(5))//输出 yyyyy

Set数据结构

ES6提供了新的数据结构Set 。它类似于数组，但是成员的值都是唯一的，没有重复的值。
Set本身是一个构造函数，用来生成Set数据结构。
Set函数可以接受一个数组作为参数，用来初始化。

const s1 = new Set();
console.log(s1.size);//输出 0
const s2 = new Set(["a","b"]);
console.log(s2.size);//输出 2
const s3 = new Set(["a","b","a","b"]);//过滤去重
console.log(s3.size);//输出 2

实例方法

add(value)：添加某个值。返回Set结构本身。
delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
has(value)：返回一个布尔值，表示该值是否为Set的成员。
clear()：清除所有的成员，没有返回值。

遍历

Set结构的实例与数组一样，也拥有forEach方法，用于对每个成员执行某种操作，没有返回值。

const s = new Set(["a","b","c"]);
s.forEach(value => {
   console.log(value)
})
//输出a   b    c

请尊重原创，如需转载，还请注明原作者，原文链接，谢谢啦！！！