ES6模板字符串和set数据结构

ES6模板字符串和set数据结构

ES6的内置对象扩展

String的扩展方法

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

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

在这里插入图片描述

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

let name = "这是一个模板字符串"
        let sayHello = `Hello,我的名字叫${name}`;
        console.log(sayHello);

在这里插入图片描述
2、模板字符串可以换行

let result = {
            name :"张三",
            age : 20
        }
        let html =`
        <div>
            <span>${result.name}</span>
            <span>${result.age}</span>
        </div>
        `
        console.log(html);

在这里插入图片描述
3、模板字符串中可以调用函数。

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

在这里插入图片描述
4、实例方法:startsWith()和endsWith()
·startsWith():表示参数字符串是否在原字符串的头部,返回布尔值
·endsWith():表示参数字符串是否在原字符串的尾部,返回布尔值

let str = "meximexi555!"
        let r1 = str.startsWith("mexi")
        console.log(r1);//true
        let r2 = str.endsWith("!")
        console.log(r2);//true

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

 console.log("y".repeat(5));

在这里插入图片描述

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 s1 = new Set();
       console.log(s1.size);//0
       const s2 = new Set(["a","b"]);
       console.log(s2.size);//2
       const s3 = new Set(["a","a","b","b"]);
       console.log(s3.size);//2
       let ary = [...s3]
       console.log(ary);

在这里插入图片描述
实例方法:
在这里插入图片描述
遍历Set
Set结构的实例与数组一样,也拥有forEach方法,用于对每个成员执行某种操作,没有返回值。

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

在这里插入图片描述

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页