ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

扩展运算符

2022-02-17 01:03:47  阅读:185  来源: 互联网

标签:... const 扩展 运算符 数组 test target1


扩展运算符

  1. ... 扩展运算符能将 数组 转换为逗号分隔的 序列参数。

    const person = ['易烊千玺', '王俊凯', '王源'];
    
    let test = (...args) => {
        console.log(args)
    }
    function test() {
        console.log(arguments);
    }
    test(...person)// test('易烊千玺', '王俊凯', '王源')
    
  • 扩展运算符和剩余运算符很类似,区别是位置上不同
    • 扩展运算符是在实参里 或 合并数组
    • 剩余运算符是在形参里

应用场景

  1. 数组的合并

    const target1 = [];
    const target2 = [];
    // ES5
    const result = target1.concat(target2)
    // ES6
    const result = [...target1, ...targer2]
    
  2. 数组克隆(若子项没有引用则深拷贝,若有则浅拷贝)

    const arr = ['E','G','M'];
    const copyArr = [...arr];
    
  3. 将伪数组转为真正的数组

    const divs = document.querySelectorAll('div');
    const el = [...divs];
    

标签:...,const,扩展,运算符,数组,test,target1
来源: https://www.cnblogs.com/bingquan1/p/15902927.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有