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

我会带着你远行 2023-02-25 08:57 26阅读 0赞

## 脚本语言规范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

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

![在这里插入图片描述][20200711193951553.gif_pic_center]

[20200711193951553.gif_pic_center]: /images/20230209/d09ea64326d84e25b30e2349c547aec1.png

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 ES6知识点总结

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

相关脚本语言规范ES6-知识点2

相关脚本语言规范ES6-知识点1

相关 ES6知识点汇总（全）

相关 ES6知识点总结

相关 ES6详细知识点汇总

相关 ES6知识点（一）

相关 ES6之Generator(3)知识点总结（十）

相关 ES6规范