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) const obj = {
name: '周星驰',
age: '17',
phone: '123456',
other: '9527'
}
const { other, ...obj2 } = obj;
console.log('obj2', obj2) 本帖最后由 侃遍天下无二人 于 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'} 封装为函数 虽然我感觉你这个需求怪怪的,但是按照我的理解是
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]