展开符和解构赋值

一、展开符

展开符(剩余操作符):...
1.展开符号

'use strict';
let arr_one = [1,3];
let arr_two = [4,5,...arr_one];
console.log(arr_one);//[ 1, 3 ]
console.log(...arr_one);//1 3
console.log(arr_two);//[ 4, 5, 1, 3 ]

2.剩余操作符(类似arguments)

'use strict';

function test(ss,...others){
    console.log(arguments);//{ '0': 1, '1': 2, '2': 3, '3': 4 }
    console.log(ss);//1
    console.log(others);//[ 2, 3, 4 ]
};
test(1,2,3,4);

一、解构赋值

解构赋值有种形式;

  1. 解构数组
'use strict';

function test(){
    return [1,2,3];
};
let [one,two,three] = test();
console.log(one,two,three);//1 2 3

2.解构对象
解构对象中定义的变量和常见的对象有所区别,在定义变量的时候,键值对中“键”对应的是要解构对象的属性,而“值”才是新定义的变量,如下面案例中的变量“one_test”才是新定义的变量,前面的“one”是test()返回对象的“one”属性;

'use strict';
function test(){
    return {'one':1,'two':2,'three':3};
};
let {one:one_test,two:two,three:three} = test();
console.log(one_test,two,three);//1 2 3
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.数组的解构赋值 2.对象的解构赋值 3.字符串的解构赋值 4.数值和布尔值的解构赋值 5.函数参数的解构赋值 ...
    卞卞村长L阅读 4,398评论 0 0
  • 数组的解构赋值 基本用法 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destru...
    呼呼哥阅读 3,188评论 0 3
  • 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring...
    嘉奇呦_nice阅读 4,136评论 0 2
  • 本文通过学习阮一峰的博客,外加自己的理解,整理了一下我对js变量的解构赋值的理解。 数组的解构赋值 对象的解构赋值...
    宋乐怡阅读 3,483评论 0 2
  • 1.数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Des...
    angelwgh阅读 3,452评论 0 0

友情链接更多精彩内容