JS对象结构的讨论

cqwcns

先上码：

[JavaScript] 纯文本查看 复制代码

    if (GET.data[0].onJob) {
      const { name, department1, department2, department3 } = GET.data[0],
        staff = { name, department1, department2, department3 };
      return { isHas: true, msg: '查询到员工', staff }
    }

以上代码，我们已经获得了一个GET.data[0]对象，里面的数据比较多，但我只要其中4个。我先解构，再创建一个对象，返回。


功能实现是没有问题，但感觉这个代码很累赘，各位有什么优化建议，有什么更好的写法，谢谢指教。

一只小凡凡

难道不是“能用就行？”😂😂

yue_tai_mei

[JavaScript] 纯文本查看 复制代码

const { name, department1, department2, department3 } = GET.data[0]
return {
  isHas: true,
  msg: '查询到员工',
  staff: {
    name,
    department1,
    department2,
    department3
  }
}

a90120411

目前为止还没有原生方法可以支持直接从对象中提取属性来构建新对象。
只有一些其他的代替方法，可以参考 Underscore.pick 方法，或者 lodash的 pick方法。
ES6实现的Pick方法：

[JavaScript] 纯文本查看 复制代码

function pick(o, ...props) {
  return Object.assign({}, ...props.map(prop => {
    if (o[prop]) return {[prop]: o[prop]};
  }));
}

// Example:
var person = { name: 'John', age: 29 };
var myObj = pick(person, 'name', 'sex'); // { name: 'John' }

另一种使用IIFE箭头函数来实现的方法，也比较啰嗦：

[JavaScript] 纯文本查看 复制代码

staff = (({ name, department1, department2, department3}) => ({ name, department1, department2, department3 }))(GET.data[0]);