ES6新特性（1）

目录

一、字符串扩展

（1）字符串遍历器接口（for...of...）

（2）模板字符串

二、字符串新增方法

（1）包含方法

 （2）重复方法

（3）补全方法

（4）消除空格方法

（5）返回指定位置字符

三。数组扩展运算符

（1）遍历数组

 （2）求最大值

 （3）合并数组 

---

一、字符串扩展

（1）字符串遍历器接口（for...of...）

<script>for (let i of 'abcdefg') {console.log(i)}
</script>

（2）模板字符串

使用  ·  表示（波浪线按键），具体作用如：可以实现动态链接。

<script>let href = "http://www.abidu.com"let text = "百度"var s = `<a href="${href}">${text}</a>`console.log(s);</script>

二、字符串新增方法

（1）包含方法

includes:返回布尔值，表示是否找到了参数字符串
startsWith:返回布尔值，表示参数字符串是否在原字符串放入头部

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

以上三个参数可以接受第二个参数表示开始搜索的位置

<script>let s = "abcdefg";console.log(s.includes('a')); //trueconsole.log(s.includes('o')); //falseconsole.log(s.startsWith("ab")); //trueconsole.log(s.startsWith("abcd")) //trueconsole.log(s.endsWith("f")); //falseconsole.log(s.endsWith('g')); //true</script>

 （2）重复方法

repeat：返回一个新的字符串，表示原字符串重复n次

<script>console.log("s".repeat(3));console.log("abc".repeat(3));</script>

（3）补全方法

如果某个字符串不够指定的长度，会在头部或者尾部补全。

padStart()用于头部补全

padEnd（）用于尾部补全

<script>console.log("as".padStart(5, "s"));console.log("o".padStart(3, "aopc"));console.log("opop".padEnd(5, "abcd"));console.log("l".padEnd(3, "iopl"));</script>

（4）消除空格方法

trim（）消除的是头部和尾部的空格

trimStart（）消除字符串头部的空格

trimEnd（）消除尾部的空格

它们返回的都是新的字符串，不会修改原始的字符串

<script>var s = "  sio p    ";console.log(s.trim());console.log(s.trimStart());console.log(s.trimEnd());</script>

（5）返回指定位置字符

at（）接受一个整数作为参数，返回参数指定位置的字符，支持负索引（就是倒数的位置）

<script>var s = "abcdef";console.log(s.at(2));console.log(s.at(-2));</script>

三。数组扩展运算符

扩展运算符就是三个点(...)，你可以理解成将数组展开，下面看一些应用场景

（1）遍历数组

 <script>var a1 = [10, 30, 50, 60];console.log(...a1);</script>

 （2）求最大值

<script>var a1 = [10, 30, 50, 60];console.log(Math.max(...a1));</script>

 （3）合并数组 

 <script>var a1 = [10, 30, 50, 60];var a2 = [1, 2, 3];console.log([...a1, ...a2]);</script>