cqwcns 发表于 2023-2-8 12:01

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

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


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

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

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

honkew 发表于 2023-2-8 12:27

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

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

侃遍天下无二人 发表于 2023-2-8 13:54

本帖最后由 侃遍天下无二人 于 2023-2-8 13:55 编辑

代码比楼上的略多一点,但这样你可以在赋值过程中拦截任意字段做特殊操作
let obj = {name:'123',age:33,phone:'13322222222'}
Object.keys(obj)
> (3) ['name', 'age', 'phone']

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

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

tunnel213 发表于 2023-2-8 14:25

封装为函数

iLouis 发表于 2023-2-9 21:37

虽然我感觉你这个需求怪怪的,但是按照我的理解是
const keys = ['name', 'age', 'phone'];
const obj = {
      name: '周星驰',
      age: '17',
      phone: '123456',
      other: '9527'
    };
const obj2 = keys.map(key => ({ : obj })).reduce((a, b) => ({ ...a, ...b }));
console.log('obj2', obj2)

或者

const obj2 = {
    name: '',
    age: '',
    phone: ''
};
const obj = {
    name: '周星驰',
    age: '17',
    phone: '123456',
    other: '9527'
};
Object.keys(obj2).forEach(key => obj2 = obj)
console.log('obj2', obj2)
上面两种都是可以封装成函数的

但是我工作中很少会碰到需要提取字段重新造一个对象,大概只有原对象有点大的时候这么操作?
一般是需要添加属性或者重命名属性,就会先深拷贝,然后再操作。
或者是只需要其中几个属性,那么就会在接收时直接拿
比如
function func({ name, age, phone }){}
页: [1]
查看完整版本: JS,从对象中抽取部分指定属性的问题