首页 > 其他分享 >ES6扩展运算符的常用场景

ES6扩展运算符的常用场景

时间:2022-11-04 08:55:58浏览次数:63  
标签:ES6 场景 const ... rest 运算符 first

对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中

1、复制数组或者对象
此方法只能是第一层数据的拷贝,多层数据该方法失效,因为是浅拷贝

const a2 = [...a1];
const obj2 = {...obj1}

深拷贝有

let b = JSON.parse(JSON.stringify(a));
//第三方插件lodash的方法
let b = _.cloneDeep(a);

2、数组的合并

const arr1 = ['a', 'b'];
const arr2 = ['c'];
const arr3 = ['d', 'e'];

// ES5 的合并数组
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]

// ES6 的合并数组
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

3、解构赋值

// ES5
a = list[0], rest = list.slice(1)
// ES6
[a, ...rest] = list

const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest  // [2, 3, 4, 5]

const [first, ...rest] = [];
first // undefined
rest  // []

const [first, ...rest] = ["foo"];
first  // "foo"
rest   // []

标签:ES6,场景,const,...,rest,运算符,first
From: https://www.cnblogs.com/Sultan-ST/p/16856526.html

相关文章

  • 设计模式:责任链模式的应用场景及源码应用
    一、概述责任链模式(ChainofResponsibilityPattern)是将链中每一个节点看作是一个对象,每个节点处理的请求均不同,且内部自动维护一个下一节点对象。当一个请求从链式的首......
  • 逗号运算符
    #include<stdio.h>intmain(){    3,4,5;//这是一条语句     inta=(3,4,5);//把上面这条语句的值赋值给变量a    printf("a=%d\n"......
  • 场景跳转
    执行方法//引入空间usingUnityEngine.SceneManagement;publicclassScenesJump{//name:要跳转的场景名字publicstaticvoidJump(stringname){......
  • 畜牧虚拟仿真3D交互展示应用为学生提供高逼真、安全的场景模拟实验环境-深圳华锐视点
    大力发展高等职业教育是我国实现经济快速可持续发展的必然选择,在强国发展占有举足轻重的作用。华锐视点立足于先进成熟的5G、VRAR、物联网、三维建模和AI等技术,以解决......
  • 浅析云边端协同与算力调度在AI视频检测场景中的应用意义
    人工智能在医疗卫生、能源动力、交通航天、语言图像识别等领域发挥着重要作用,在安防等领域也同样值得期待。人工智能、深度学习、视频结构化技术、物联网技术,大数据分析等变......
  • 运算符
    1.算术运算符 +,-,*,/,%,++,-- b=a++:先赋值,再自增 b=++a:先自增,再赋值2.赋值运算符 =3.关系运算符 >,<,>=,<=,==,!=,instanceof4.逻辑运算符 ......
  • ES6常见题
    1、es5和es6的区别,说一下你所知道的es6ECMAScript5,即ES5,是ECMAScript的第五次修订,于2009年完成标准化ECMAScript6,即ES6,是ECMAScript的第六次修订,于2015年完成,也称ES2015ES......
  • 详解 Serverless 架构的 6 大应用场景
    作者:ServerlessServerless架构将成为未来云计算领域重要的技术架构,将会被更多的业务所采纳。进一步深究,Serverless架构在什么场景下有优秀的表现,在什么场景下可能表现得并......
  • 详解 Serverless 架构的 6 大应用场景
    作者:ServerlessServerless架构将成为未来云计算领域重要的技术架构,将会被更多的业务所采纳。进一步深究,Serverless架构在什么场景下有优秀的表现,在什么场景下可能表现得......
  • 学习Java的第三天 运算符
    运算符算术运算符注意事项需要注意的是i++和++i的区别i++运行完这行代码后在进行自增或自减++i在运行这行前就进行自增或者自减运算结果的数据类型为参与运算的......