js(ES6)复习&补充笔记（六）

本文链接：https://blog.csdn.net/weixin_45840184/article/details/118191447

这篇博客主要复习了ES6中的字符串扩展方法，特别是模板字符串的使用，包括可换行和可调用函数的功能。此外，还介绍了Set数据结构，详细讲解了其方法如add、delete、has和clear，并指出Set中成员值的唯一性。同时提到Set类似数组，拥有forEach方法用于遍历成员。

摘要由CSDN通过智能技术生成

js(ES6)复习&补充笔记（六）

字符串的扩展方法-模板字符串 && set

let name = `liming`;
ES6新增创建字符串的方法，用反引号定义

可以换行

 let result = { 
     name: 'zhangsan', 
     age: 12,
     sex: '男' 
 } 
 let html = ` <div>
     <span>${result.name}</span>
     <span>${result.age}</span>
     <span>${result.sex}</span>
 </div> `;

可调用函数

const sayHello = function () { 
    return '你好你好';
 }; 
 let greet = `${sayHello()} `;
 console.log(greet);

实例方法：startsWith() 和 endsWith(),repeat()

let str = 'javascript';
str.startsWith('lili') // true 
str.endsWith('!')       // true

- startsWith()：参数字符串是否在原字符串的头部，返回布尔值
- endsWith()：参数字符串是否在原字符串的尾部，返回布尔值
- repeat() 表示将原字符串重复n次，返回一个新字符串
'a'.repeat(4)      // "aaaa" 
'nihao'.repeat(2)  // "nihaonihao"

Set 函数

Set本身是一个构造函数，用来生成 Set 数据结构。
新的数据结构 Set。
类似于数组，但成员的值都是唯一的。

const s = new Set();
Set函数可接受一个数组作为参数，用来初始化。

const set = new Set([1, 2, 3, 4, 4，5,6]);

方法

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

同时：set与数组一样，有forEach方法，用作对每个成员执行某操作，没返回值。

例：

arr.forEach(value => console.log(value))