includes(),以及模板字符串

includes()方法

表示某个数组是否包含给定的值，返回布尔值。

[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) //false

模板字符串

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

let name = '这是一个模板字符串';
console.log(name);

模板字符串中可以解析变量。

let name = '张三';
let sayHello = 'hello,my name is ${name}';//hello,my name is zhangsan

模板字符串中可以换行

let result = { 
 name: 'zhangsan',
 age: 20,
 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()

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

2、endsWith():表示参数字符串是否在原字符串的尾部，返回布尔值

let str = 'Hello World!';
str.startWith('Hello') //true
str.endsWith('!')  //true

实例方法：repeat()

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

'x'.repeat(3)   //"xxx"
'hello'.repeat(2)  //"hellohello"

ES6内置对象扩展

Set数据结构

ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set本身是一个构造函数，用来生成Set数据结构

const s = new Set();

Set函数可以接受一个数组作为参数，用来初始化。

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

例子：

const s1 = new Set();
console.log(s1.size);//0

const s2 = new Set(["a","b"]);
console.log(s2.size);//2

当我们给Set函数里面传递初始值的时候，它会自动把重复的值过滤掉（用这个特点，可以用来做数组去重）

const s3 = new Set(["a","a","b","b"]);
console.log(s3.size); //2
const ary = [...s3];
console.log(ary);//a,b

Set实例方法

add(value):添加某个值，返回Set结构本身

delete(value):删除某个值，返回一个布尔值，表示删除是否成功

has(value):返回一个布尔值，表示该值是否为Set的成员

clear():清除所有成员，没有返回值

const s = new Set();
s.add(1).add(2).add(3);//向 set 结构中添加值
s.delete(2) //删除set结构中2的值
s.has(1) //表示set结构中是否有1这个值，返回布尔值
s.clear() //清除 set 结构中的所有值

Set数据结构

遍历

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

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

实例如下：(遍历Set 数据结构，从中取值）

const s5 = new Set([ 'a','b','c']);
s5.forEach(value = > {
    console.log(value);
})