JS中出现三个点（...）的作用是什么

三个点（...）真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开

字面量一般指[1,2,3]或者{name:'张三'}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了

运用场景

数组 || 对象的复制

//数组的复制
var arr1 = ['hello']
var arr2 =[...arr1]
arr2 // ['hello']
//对象的复制
var obj1 = {name:'zhangsan'}
var obj2 ={...arr}
ob12 //  {name:'zhangsan'}

数组 || 对象的合并

//数组的合并
var arr1 = ['hello']
var arr2 =['zhangsan']
var mergeArr = [...arr1,...arr2]
mergeArr  // ['hello','zhangsan']
// 对象分合并
var obj1 = {name:'zhangsan'}
var obj2 = {height:176}
var mergeObj = {...obj1,...obj2}
mergeObj // {name: "zhangsan", height: 176}

函数传参

function f(v,w,x,y,z){ }
var args = [2,3]
f(1,...args,4,...[5])

JS中出现三个点（...）的作用是什么相关推荐

html进制转换js代码,JS中的进制转换以及作用
js的进制转换, 分为2进制,8进制,10进制,16进制之间的相互转换, 我们直接利用对象.toString()即可实现: 运行下面代码 //10进制转为16进制 (10).toString(16) ...
JS中 new FormData() - FormData对象的作用及用法
JS中 new FormData() - FormData对象的作用及用法 js FormData 方法介绍 formData是ajax2.0(XMLHttpRequest Level2)新提出的接口 ...
Js中的三个点（...）是什么
Js中的三个点(-)是什么我们在看js代码时经常会出现(-)三个点的东西,它究竟是什么意思?又有何用处? 下面我就给大家分享一下三个点的那些事什么意思? 三个点(-)真名叫扩展运算符,是在ES6中 ...
js 中的三个等号
Js 中三个等号(===) 和两个等号(==)的区别简单来说就是使用"=="时,如果两边类型不同,js引擎会把它们转换成相同类型然后在进行比较,而"===" ...
python中省略号三个点(...)的作用
1ellipsis 三个点在python中的类别名称叫做ellipsis,中文意思就是省略号. type(...) <class 'ellipsis'> 2 ellipsis在Numpy或 ...
js 中的console.log有什么作用
主要是方便你调式javascript用的.你可以看到你在页面中输出的内容. 相比alert他的优点是: 他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是co ...
js中的“...”三个点
在函数形参里面出现,表示的是可变参数,即表示的传入的参数个数是可变. 传入多少个参数都被放到一个数组里. function demo (...values) {console.log(values); ...
shell 中的三种引号的作用
1. 单引号(' ') 单引号里的任何字符都会原样输出,单引号字符串中的变量是无效的: 单引号字串中不能出现单独一个的单引号(对单引号使用转义符后也不行),但可成对出现,作为字符串拼接使用. 2. 双 ...
js中比较三个数字的大小
function getMax(num1,num2,num3){ var max = num1;//假设num1是最大的 //比较num1和num2,产生一个最大值max if(num1& ...

JS中出现三个点（...）的作用是什么

JS中出现三个点（...）的作用是什么相关推荐

最新文章

热门文章