展开符和解构赋值

最新推荐文章于 2024-07-26 18:08:05 发布

转载最新推荐文章于 2024-07-26 18:08:05 发布 · 72 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangting888/p/9701680.html

文章标签：

#python #java #前端 #ViewUI

一、展开符

展开符(剩余操作符)：...
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);

一、解构赋值

解构赋值有种形式；

解构数组

'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