六、3. 解析结构求职学习资料

解析结构是一种从对象/数组中取值的全新写法。

一个简单的例子就能搞定它。

首先假设有如下对象。

var tom = {   name: 'TOM',   age: 20,   gender: 1,   job: 'studend' }

我们使用对象的方式，保存了 TOM 的一些基本信息。在传统方法中，当我们想要取得其中的信息时，通常会采用如下的方式

var name = tom.name; var age = tom.age; var gender = tom.gender; var job = tom.job;

新的结构语法则要简单许多

const { name, age, gender, job } = tom;

name, age, gender, job 此时就已经是可以使用的变量。

但是需要注意的是，这样的写法是一种缩写。完整的写法应该为

// 左侧是 key 值，右侧是变量 // 变量名与值是对应关系 const {    name: name,    age: age,    gender: gender,    job: job  } = tom;

因此，当我们结合缩写，并且想要对变量重命名时，就应该放弃缩写的形式

// 此时的变量名为 name2，age, gedner, job const { name: name2, age, gender, job } = tom;

还可以给变量指定默认值

// 如果数据中能找到 name，则变量的值与数据中相等，找不到，则使用默认值 const { name = 'Jake', stature = '170' } = tom;

我们还可以利用解析结构获取嵌套数据中的值。

“`js
const peoples = {
counts: 100,
detail: {
tom: {
name: ‘tom’,
age: 20,
gender: 1,
job: ‘student’
}
}
}

// 获取tom
const { detail: { tom } } = peoples;

// 直接获取tom的age与gender
const { detail: { tom: { age, gender } } } = peoples;

解析结构是一种从对象/数组中取值的全新写法。

一个简单的例子就能搞定它。

首先假设有如下对象。

var tom = {   name: 'TOM',   age: 20,   gender: 1,   job: 'studend' }

我们使用对象的方式，保存了 TOM 的一些基本信息。在传统方法中，当我们想要取得其中的信息时，通常会采用如下的方式

var name = tom.name; var age = tom.age; var gender = tom.gender; var job = tom.job;

新的结构语法则要简单许多

const { name, age, gender, job } = tom;

name, age, gender, job 此时就已经是可以使用的变量。

但是需要注意的是，这样的写法是一种缩写。完整的写法应该为

// 左侧是 key 值，右侧是变量 // 变量名与值是对应关系 const {    name: name,    age: age,    gender: gender,    job: job  } = tom;

因此，当我们结合缩写，并且想要对变量重命名时，就应该放弃缩写的形式

// 此时的变量名为 name2，age, gedner, job const { name: name2, age, gender, job } = tom;

还可以给变量指定默认值

// 如果数据中能找到 name，则变量的值与数据中相等，找不到，则使用默认值 const { name = 'Jake', stature = '170' } = tom;

我们还可以利用解析结构获取嵌套数据中的值。

“`js
const peoples = {
counts: 100,
detail: {
tom: {
name: ‘tom’,
age: 20,
gender: 1,
job: ‘student’
}
}
}

// 获取tom
const { detail: { tom } } = peoples;

// 直接获取tom的age与gender
const { detail: { tom: { age, gender } } } = peoples;

解析结构是一种从对象/数组中取值的全新写法。

一个简单的例子就能搞定它。

首先假设有如下对象。

var tom = {   name: 'TOM',   age: 20,   gender: 1,   job: 'studend' }

我们使用对象的方式，保存了 TOM 的一些基本信息。在传统方法中，当我们想要取得其中的信息时，通常会采用如下的方式

var name = tom.name; var age = tom.age; var gender = tom.gender; var job = tom.job;

新的结构语法则要简单许多

const { name, age, gender, job } = tom;

name, age, gender, job 此时就已经是可以使用的变量。

但是需要注意的是，这样的写法是一种缩写。完整的写法应该为

// 左侧是 key 值，右侧是变量 // 变量名与值是对应关系 const {    name: name,    age: age,    gender: gender,    job: job  } = tom;

因此，当我们结合缩写，并且想要对变量重命名时，就应该放弃缩写的形式

// 此时的变量名为 name2，age, gedner, job const { name: name2, age, gender, job } = tom;

还可以给变量指定默认值

// 如果数据中能找到 name，则变量的值与数据中相等，找不到，则使用默认值 const { name = 'Jake', stature = '170' } = tom;

我们还可以利用解析结构获取嵌套数据中的值。

“`js
const peoples = {
counts: 100,
detail: {
tom: {
name: ‘tom’,
age: 20,
gender: 1,
job: ‘student’
}
}
}

// 获取tom
const { detail: { tom } } = peoples;

// 直接获取tom的age与gender
const { detail: { tom: { age, gender } } } = peoples;