js扩展运算符，神奇的3个点点，数组去重、合并数组等等

waltr 发布于2019-08-23 16:59 / 1387人阅读

最近lz一周排了9个面试，面试经常被问到一些数组的问题，比如说es6里面一些数组去重、合并数组，之前压根就没了解过，后来才知道考的都是es6的知识，今天好好挖掘一下，发现一个神奇的点点三姐妹

我们来看看经常使用的方法

1、数组去重

之前的想法可能要遍历数组去重，但是现在又es6的骚操作

    var a = [1,1,2,3]
    Array.from(new Set()) // 利用es6特性去重方法
    [...new Set(arr)]  // 利用js扩展运算符的骚操作

2、将一个数组放入另一个数组（打散数组）

    var a = [1,2]
    var b = [a,3,4]
    console.log(b) // [[1,2],3,4]
    
    // 如果使用扩展运算符
    var b = [...a, 3,4]
    console.log(b) // [1,2,3,4]

3、复制数组（不会改变原数组）

    var a = ["1","2","3"]
    var b = [...a]
    console.log(b) // ["1","2","3"]  
    a数组中的元素扩展为多带带元素被分配到b中，可以随意改变b数组，且不会对a产生影响。

4、拼接数组(替换concat)

    var a = [1,2,3]
    var a = [4,5,6]
    a  = [...a, ...b]
    console.log(a) // [1,2,3,4,5,6]

5、 Math

    var a = [1,2,3,4,5]
    var max = Math.max(...a)
    console.log(max) // 5

6、字符串转换为数组

    var a = "helloworld"
    var b = [...a]
    console.log(b) // ["h","e","l","l","o","w","o","r","l","d"]

云服务器 GPU云服务器 php多个数组3合并数组的值去重php java 数组的运算数组去重

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103642.html

案例 - 收藏集 - 掘金

摘要：同行这么做使用实现圆形进度条前端掘金在开发微信小程序的时候，遇到圆形进度条的需求。实现也谈数组去重前端掘金的数组去重是一个老生常谈的话题了。百度前端技术学院自定义前端掘金一标签概念元素表示用户界面中项目的标题。闲话图片上传 - 掘金作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: https://sunyuhui.com ...

张金宝 2019-08-20 17:44 评论0 收藏0
案例 - 收藏集 - 掘金

摘要：同行这么做使用实现圆形进度条前端掘金在开发微信小程序的时候，遇到圆形进度条的需求。实现也谈数组去重前端掘金的数组去重是一个老生常谈的话题了。百度前端技术学院自定义前端掘金一标签概念元素表示用户界面中项目的标题。闲话图片上传 - 掘金作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: https://sunyuhui.com ...

huangjinnan 2019-08-29 12:54 评论0 收藏0
es6 7个比较有用的技巧

摘要：数组去重数组和布尔有时我们需要过滤数组中值为的值例如你可能不知道这样的技巧是不是很简单只需要传入一个函数即可创建一个空对象有时我们需要创建一个纯净的对象不包含什么原型链等等一般创建空对象最直接方式通过字面量但这个对象中依然存在属性来指向等等数组去重 var arr = [1, 2, 3, 3, 4]; console.log(...new Set(arr)) >> [1, 2, 3,...

Apollo 2019-08-02 15:31 评论0 收藏0
es6 7个比较有用的技巧

摘要：数组去重数组和布尔有时我们需要过滤数组中值为的值例如你可能不知道这样的技巧是不是很简单只需要传入一个函数即可创建一个空对象有时我们需要创建一个纯净的对象不包含什么原型链等等一般创建空对象最直接方式通过字面量但这个对象中依然存在属性来指向等等数组去重 var arr = [1, 2, 3, 3, 4]; console.log(...new Set(arr)) >> [1, 2, 3,...

junbaor 2019-08-23 18:37 评论0 收藏0
值得收藏 7 个有用JavaScript技巧

摘要：值得收藏个有用技巧像其它语言一样中也可以通过一些技巧来完成一些复杂的操作接下来我们学习吧数组去重数组和布尔有时我们需要过滤数组中值为的值例如你可能不知道这样的技巧是不是很简单只需要传入一个函数即可创建一个空对象有时我们需要创建一个纯净的对象值得收藏 7 个有用JavaScript技巧像其它语言一样,JavaScript中也可以通过一些技巧来完成一些复杂的操作. 接下来我们学习吧数...

layman 2019-08-23 18:29 评论0 收藏0