码迷,mamicode.com
首页 > 其他好文 > 详细

ES6扩展运算符(三点运算符)...的用法

时间:2018-08-23 11:22:09      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:扩展   array   obj   扩展运算   就是   log   pread   第一个   object   

1. 第一个叫做 展开运算符(spread operator),作用是和字面意思一样,就是把东西展开。可以用在array和object上都行。

let a = [1,2,3];
let b = [0, ...a, 4]; // [0,1,2,3,4]
 
let obj = { a: 1, b: 2 };
let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }
let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }

 2. 第二个 剩余操作符(rest operator),是解构的一种,意思就是把剩余的东西放到一个array里面赋值给它。

let a = [1,2,3];
let [b, ...c] = a;
b; // 1
c; // [2,3]
 
// 也可以
let a = [1,2,3];
let [b, ...[c,d,e]] = a;
b; // 1
c; // 2
d; // 3
e; // undefined
 
// 也可以
function test(a, ...rest){
  console.log(a); // 1
  console.log(rest); // [2,3]
}
test(1,2,3)
let array = [1, 2, 3, 4, 5];
const { x, y, ...z } = array;
// 其中z=[3, 4, 5],注意如果由于array的length不足以完成析构,则会导致z为[]
对象:
let obj = { name: ‘zhangsan‘, age: 30, city: ‘shenzhen‘ };
const {name, ...others} = obj;
console.log(name); // ‘zhangsan‘
console.log(others); // {age: 30, city: ‘shenzhen‘}

 

ES6扩展运算符(三点运算符)...的用法

标签:扩展   array   obj   扩展运算   就是   log   pread   第一个   object   

原文地址:https://www.cnblogs.com/RainyBear/p/9522594.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!