标签：... console 运算 age name var 解构 赋值

扩展运算

//对象扩展
args = {...obj,...obj}

//数组扩展
args = [...arr,...arr]

//函数赋值
function f(...values){
    console.log(values.length);
}
f(1,2);      //2
f(1,2,3,4);  //4
// ||
function f(x, y, z) {}
f(...[arr])

//去重
[...new Set(arr)]; // [1, 2, 3, 4]
[...new Set('ababbc')].join(''); // "abc" 字符串去重

• 函数

function f(...values){
    console.log(values.length);
    const [a, b, c] = values
}
f(1,2);      //2
f(1,2,3,4);  //4
//不定参数用来表示不确定参数个数，具名参数只能放在参数组的最后，并且有且只有一个不定参数。

function addNumbers(x,y,z){
    return x+y+z;
}

var numbers = [1,2,3,4];
addNumbers(...numbers); //6
//函数调用中，扩展运算符（...）将一个数组，变为参数序列

解构赋值

//数组解构
var arr = [2, 'this is string', 4, 6]
var [a, b, c] = arr

//嵌套数组解构
var arr2 = [[1, 2, [3, 4]], 5, 6];
var [[d, e, [f, g]], h, i] = arr2

• 改变对象属性名

var obj3 = {
    name: 'chris',
    sex: 'male',
    age: 26
};
var {name: nickname, age: howOld} = obj3  //改变对象属性名
console.log(nickname + ' ' + howOld); //chris 26
//解构重名
var obj6 = {
    name: 'AAAA',
    sex: 'ddd',
    age: 55,
    son: {
        name: '小父',
        sonSex: 'gay',
        sonAge: 27
    }
};
var {name: myName, son: {name, sex, age}} = obj6
console.log(myName)
console.log(name)

• 对象多层解构

const info = {
  person: {
    name: 'xiaobe',
    other: {
      age: 22,
    }
  },
  song: 'rolling',
}
// 解构song
const { song } = info;

// 解构person的内容
const { person: { name, other: { age } } } = info;
//person和other是属于未定义的变量

• 循环解构

//对象
var arr5 = [{name: '催催', age: 26}, {name: '笑笑', age: 27}, {name: '转转', age: 28}]
for (let {name, age} of arr5) {
    console.log(name + ' ' + age + ' ')
}
//数组
var arr6 = [[11, 12], [21, 22], [31, 32]]
for (let [a, b] of arr6) {
    console.log(a)
    console.log(b)
}

...扩展与解构赋值结合

• 如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错

//[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 // []  

标签：...,console,运算,age,name,var,解构,赋值
来源： https://www.cnblogs.com/ajaemp/p/11905189.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。