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 = ` 
${result.name} ${result.age} ${result.sex}
`;
在模板字符串中可以调用函数。
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);
})

你可能感兴趣的:(includes(),以及模板字符串)