JS，从对象中抽取部分指定属性的问题

cqwcns

如以下代码，我们有一个obj。
需求是从obj中抽取name、age和phone三个属性，并赋值到obj2。


当然以下代码已经实现了这个需求，但由于类似操作用得比较多，我希望了解一下是否有更优雅、更简约的写法。
请各位大佬指教，感谢。

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

  const obj = {
    name: '周星驰',
    age: '17',
    phone: '123456',
    other: '9527'
  }

  const { name, age, phone } = obj;
  const obj2 = { name, age, phone };
  console.log('obj2', obj2)

honkew

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

const obj = {
  name: '周星驰',
  age: '17',
  phone: '123456',
  other: '9527'
}

const { other, ...obj2 } = obj;
console.log('obj2', obj2)

侃遍天下无二人

代码比楼上的略多一点，但这样你可以在赋值过程中拦截任意字段做特殊操作

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

let obj = {name:'123',age:33,phone:'13322222222'}
Object.keys(obj)
> (3) ['name', 'age', 'phone']

let obj2 = {}
Object.keys(obj).forEach( (item,index) => {
    obj2[item] = obj[item]
})

obj2
> {name: '123', age: 33, phone: '13322222222'}

tunnel213

封装为函数

iLouis

虽然我感觉你这个需求怪怪的，但是按照我的理解是

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

const keys = ['name', 'age', 'phone'];
const obj = {
        name: '周星驰',
        age: '17',
        phone: '123456',
        other: '9527'
    };
const obj2 = keys.map(key => ({ [key]: obj[key] })).reduce((a, b) => ({ ...a, ...b }));
console.log('obj2', obj2)

或者

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

const obj2 = {
    name: '',
    age: '',
    phone: ''
};
const obj = {
    name: '周星驰',
    age: '17',
    phone: '123456',
    other: '9527'
};
Object.keys(obj2).forEach(key => obj2[key] = obj[key])
console.log('obj2', obj2)

上面两种都是可以封装成函数的

但是我工作中很少会碰到需要提取字段重新造一个对象，大概只有原对象有点大的时候这么操作？
一般是需要添加属性或者重命名属性，就会先深拷贝，然后再操作。
或者是只需要其中几个属性，那么就会在接收时直接拿
比如

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

function func({ name, age, phone }){}