ES6数组扩展运算符和字符串遍历的新方法!!!

Posted hansomeone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6数组扩展运算符和字符串遍历的新方法!!!相关的知识,希望对你有一定的参考价值。

该方法主要是让我们在学习和工作中能够更加方便的去操作数据,数组和字符串!

下面开始代码展示阶段:

1.扩展运算符

console.log(...[1,2,3])
//以上结果输出:1,2,3

console.log(1,...[2,3,4],5)
//以上结果输出:1,2,3,4,5

可以看出我在数组的前面使用了三个点,这个方法就是ES6的扩展运算符,它能够把数组给解析出来,让数组变成数值

更方便的拿到数据!

console.log([...[],1])   
//以上输出:[1]

但是扩展运算符后面是一个空数组,则不会产生任何效果.

 

2.字符串遍历

代码展示:

for(let codePoint of ‘越过九重城关,我座下马正酣‘){
      console.log(codePoint);
}

这个代码就是循环输出每个字符,而且每次都输出一个字符,这里的汉字是每次都输出一个!

这就是字符串遍历!

 

 

这次的分享就到这里,记得关注!

我是涵酱,掰掰┏(^0^)┛

技术图片

以上是关于ES6数组扩展运算符和字符串遍历的新方法!!!的主要内容,如果未能解决你的问题,请参考以下文章

ES6中的新特性

Array.from()

ES6数组和对象的扩展

ES6 数组

三阶段课程——Day02(ES6简介let和const)(数据类型和数据结构:字符串扩展Symbol数组新增方法对象新增SetMap数组解构对象解构...运算符)

再不学ES6你就out啦