代码之家 › 专栏 › 技术社区 › TechnoCorner

正在销毁嵌套对象

ecmascript-6 javascript

TechnoCorner · 技术社区 · 6 年前

我试着玩ES6,并尝试将ES5函数转换为ES6。

ES5:

const ResponseData = {
    items: [{name: 'Matt'}]
}

function getName(ResponseData) {
    let itemDetails = ResponseData && ResponseData.items && ResponseData.items[0];
    return itemDetails.name;
}

但是,我不知道如何访问ES6销毁中的项目[0]。

这是我的尝试:

function getItemES6(ResponseData) {
 const { items : item = []   } = ResponseData;
 return item;
}

这相当于给了我一个项目数组,我如何获得项目[0]并使用es6检查.name?

对破坏有点困惑。有人能开导吗?

2 回复 | 直到 6 年前

Ori Drori 6 年前

您可以销毁嵌套的对象和数组,添加“添加空对象/数组”作为默认值以获取 undefined 如果值不存在:

const ResponseData = { items: [{name: 'Matt'}] };

const getItemES6 = ({ items: [{ name } = {}] = [] }) => name;

console.log(getItemES6(ResponseData));

Hodrobond 6 年前

破坏对象的方式如下:

const { key: yourVar = 'defaultVal' } = obj

数组是类似的,但您不引用键,而是引用元素本身: const [ firstElem, secondElem ] = arr

const obj = {
  a: 1,
  b: {
    b1: 'a'
  }
};

const objWithArr = {
  a: 1,
  b: [{
    key: 5,
  }, {
    key: 6
  }]
}

const {
  b: {
    b1: b1Val = 'default',
  } = {},
} = obj;

const {
  b: [{
      key: firstKey,
    } = {},
    {
      key: secondKey,
    } = {}
  ] = [],
} = objWithArr;

console.log(b1Val);
console.log(firstKey);
console.log(secondKey);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前