JS解构赋值

前言

通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量

---

一、语法

var a, b, rest;
[a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20

[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a); // 10
console.log(b); // 20
console.log(rest); // [30, 40, 50]

({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20


// Stage 4（已完成）提案中的特性
({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
console.log(a); // 10
console.log(b); // 20
console.log(rest); // {c: 30, d: 40}

二、使用

1.解构数组

1.1变量声明并赋值

var foo = ["one", "two", "three"];

var [one, two, three] = foo;
console.log(one); // "one"
console.log(two); // "two"
console.log(three); // "three"

1.2变量先声明后赋值

var a, b;

[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

1.3变量交换

var a = 1;
var b = 3;

[a, b] = [b, a];
console.log(a); // 3
console.log(b); // 1

1.4忽略某些

function f() {
  return [1, 2, 3];
}

var [a, , b] = f();
console.log(a); // 1
console.log(b); // 3

1.5将剩余数组赋值给一个变量
剩余的必须赋给最后一个！

var [a, ...b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2, 3]

2.解构对象

2.1 基本解构

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

2.2无声明解构
外层必须有()否则被视为块而不是字面变量

var a, b;

({a, b} = {a: 1, b: 2});

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。