ES6：展开运算符 (三个点 ... )

清疚 2023-06-08 04:54 18阅读 0赞

**展开运算符,将一个数组转为用逗号分隔的参数序列**

**合并数组**

let a = [1,2,3];
    let b = [4,5,6];
    let c = [...a,...b]; // [1,2,3,4,5,6]

**解构赋值**

let a = [1,2,3,4,5,6]
    let [c,...d] = a
    console.log(c); // 1
    console.log(d); // [2,3,4,5,6]
    //展开运算符必须放在最后一位

**替代apply**

function f(a,b,c){ 
      console.log(a,b,c)
    }
    let args = [1,2,3];
    // 以下三种方法结果相同
    f.apply(null,args)
    f(...args)
    f(1,2,3)
    
    function f2(...args){ 
      console.log(args)
    }
    f2(1,2,3) // [1,2,3]
    
    function f3(){ 
      console.log(Array.from(arguments))
    }
    f3(1,2,3) // [1,2,3]

Array.from() 可以通过以下方式来创建数组对象：

*  伪数组对象（拥有一个 length 属性和若干索引属性的任意对象）
 *  可迭代对象（可以获取对象中的元素,如 Map和 Set 等）

let a = [1,2,3];
    let b = [4,5,6];
    
    Array.prototype.push.apply(a,b);
    // 或
    a.push(...b)
    // 两种方法取其一

**浅拷贝**

//数组
    var a = [1,2,4]
    var b = [...a]
    a.push(6)
    console.log(b) // [1,2,4]
    
    //对象
    var a = { a:1}
    var b = { ...a}
    a.a = 5
    console.log(b.a) // 1

**字符串转为数组,正确识别 32 位的 Unicode 字符**

[...'siva'] // ['s','i','v','a']
    [...'x\uD83D\uDE80y'].length // 3

**具有 Iterator 接口的对象,转换成数组**

var nodelist = document.querySelectorAll('div');
    console.log([...nodelist]) // 转化成数组
    
    var map = new Map([[1,11],[2,22],[3,33]]);
    console.log([...map.keys()]); // [1,2,3]

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

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

相关阅读

相关 ES6扩展运算符三个点(...)

在react或者vue项目中，你或许已经注意到有的地方已经开始使用ES6扩展运算符...，这个运算符很简洁，如果不熟悉，可能会觉着难以理解，这里稍微介绍一下扩展运算符的

深藏阁楼爱情的钟/ 2023年06月25日 03:14/ 0 赞/ 13 阅读

相关 ES6：展开运算符 (三个点 ... )

展开运算符,将一个数组转为用逗号分隔的参数序列合并数组 let a = [1,2,3]; let b = [4,5,6]; let c = [..

清疚/ 2023年06月08日 04:54/ 0 赞/ 19 阅读

相关 ES6 扩展运算符三点（...）

扩展运算符（ spread ）是三个点（...） `对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中` let bar = { a

谁践踏了优雅/ 2023年02月19日 11:24/ 0 赞/ 23 阅读

相关 es6之扩展运算符三个点（...）

[https://blog.csdn.net/qq\_30100043/article/details/53391308?utm\_medium=distribute.pc\_

喜欢ヅ旅行/ 2022年12月17日 01:28/ 0 赞/ 170 阅读

相关 ES6展开运算符(...)

看到一道面试题里面，有 `const newBooks = [...this.state.books]` 用了展开运算符，顺便来记录一下 > 展开运算符,将一个数组转为用逗号

向右看齐/ 2022年10月29日 07:48/ 0 赞/ 187 阅读

相关 es6 展开运算符 ...

好记性不如烂笔头，在学习的过程中，越来越明白这句话的含义； ES6的展开运算符使用三个点来表示 ... 使用展开运算符的前提：对象具有 Iterator 遍历器

柔情只为你懂/ 2022年05月25日 10:27/ 0 赞/ 215 阅读

相关 es6 扩展运算符三个点（...）

原文地址[https://blog.csdn.net/qq\_30100043/article/details/53391308][https_blog.csdn.net_qq

短命女/ 2022年04月12日 05:09/ 0 赞/ 232 阅读

相关 es6之扩展运算符三个点（...）

[https://blog.csdn.net/astonishqft/article/details/82899965][https_blog.csdn.net_astonis

港控/mmm°/ 2021年09月19日 21:02/ 0 赞/ 484 阅读

相关 ES6之展开运算符

var user2={ age:22, address:"中国北京",

矫情吗；*/ 2021年09月17日 02:06/ 0 赞/ 387 阅读

相关 es6 三点运算符

ES6 三点运算符 1、替代arguments 2、arguments.callee();返回数组本身 3、将传入的参数，存进数组里

￡神魔★判官ぃ/ 2021年07月24日 14:08/ 0 赞/ 412 阅读