我有這個配置
type Option = {
value: any,
label: any
}
和
export interface Role {
id: number
name: string
}
然后我有角色
const roles:Role[]:[
{id:1,name:'name1'},
{id:2,name:'name2'},
{id:3,name:'name3'}
]
我想從該角色資料集中提取Option[] 。我如何在javascript中做到這一點？
在java中我可以做
roles.stream().map(role->new Option(role.id,role.name)).collect(collectors.toList());
uj5u.com熱心網友回復：
您可以只map()選擇角色：
type Option = {
value: any;
label: any;
}
interface Role {
id: number;
name: string;
}
const roles: Role[] = [
{id: 1, name: 'name1'},
{id: 2, name: 'name2'},
{id: 3, name: 'name3'}
];
const options: Option[] = roles.map(({id, name}) => ({value: id, label: name}));
游樂場鏈接
uj5u.com熱心網友回復：
打字稿游樂場鏈接
type Option = {
value: any,
label: any
}
interface Role {
id: number
name: string
}
const roles: Role[] = [
{ id: 0, name: "foo" },
{ id: 1, name: "bar" },
{ id: 2, name: "baz" },
]
const result: Option[] = roles
.map(({ id, name }) => ({ label: id, value: name }));
console.log(result);
結果：
[LOG]: [{
"label": 0,
"value": "foo"
}, {
"label": 1,
"value": "bar"
}, {
"label": 2,
"value": "baz"
}]
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/495554.html
標籤：javascript 数组 打字稿 字典