笔记--数组的解构赋值

数组的解构赋值

数组的解构赋值
看下面的操作，在控制台我们可以输出a,b,c分别等于1,2，3，当然我们也可以看到d的值是undefined

 const arr = [1,2,3];
 let [a,b,c,d] = arr;

更复杂的匹配原则
可以看到，我们定义了一个很复杂的数组
当我们想取该数组中的某个元素时，我们可以使用数组的解构方法。

 const arr = ['a','b',['c','d',['e','f','g']]];
  let [, ,b] = arr;
  let [, , g] = ['e','f','g'];

扩展运算符
…表示可以将数组合并，同时也可以将数组中的几个元素合并

const arr1 = [1,2,3];
const arr2 = ['a','b'];
const arr3 = [5,6,7];
const arr4 = [...arr1,...arr2,...arr3];
const arr = [1,2,3,4];
const [a,b,...c] = arr;

默认值

const arr = [1,null,undefined];
 const [a,b = 3,c,d = 'aaa'] = arr;

交换变量

let a = 20;
let b = 10;

let temp;
temp = a;
a = b;
b = temp;

//[a,b] = [b,a];

接受多个返回值

function getUserInfo(id){
            //..ajax

            return [
                true,
                {
                    name:'小明',
                    gender:'女',
                    id: id
                },
                '请求成功'
            ];
        };

        const [status, data, msg] = getUserInfo(123);

在这个例子里，当我们在控制台输入 status，data，msg，分别会对应输出 true，{name: “小明”, gender: “女”, id: 123}，“请求成功”

好了，这个数组的解构赋值就先到这了
下期是有关对象的解构赋值，虽然和数组的大同小异
但是本人正在学习，自然也会当学习笔记一样记录下来

以上，如果有不当的地方，麻烦指正，谢谢大家。