TypeScriptでfilterとmapを使用したメソッドの実行結果が空の値となる

Question

filterメソッドを使用してから、mapメソッドを使用して新しい配列を作ろうと思い下記のようなコードを作成しましたが、consoleで確認しましたが、
作った配列は[]となっています。

interface Items {
    id:string
    name:string
}
interface ItemsEmployees {
    id:string
    name:string
    employees:Employees[]
}
interface Employees {
    name:string
}

const items:Items = {id:'1',name:'経理部'}
 
const itemsIncludesEmployees:ItemsEmployees[] = [
    {id:'1',name:'経理部',employees:[{name:'太郎'},{name:'花子'}]},
    {id:'2',name:'営業部',employees:[{name:'次郎'},{name:'梅子'}]},
    {id:'3',name:'企画部',employees:[]}
]
const filteredEmployees = itemsIncludesEmployees.filter(e=>{
    e.id === items.id && e.name === items.name
}).map(v=>{
    return{
        typeId:v.id,
        typeName:v.name      
    }      
})
console.log(filteredEmployees)

やりたいこととしては、オブジェクトのitemsと同じ、idとname要素を持つ
オブジェクトをitemsIncludesEmployeesから抜き出し、
typeIdとtypeNameという新しい要素名を付与して、配列を作り直すということを
実行したつもりでした。
そのため、アウトプットとして下記のような結果を予想していたました。

[{typeId:'1',typeName:'経理部'}]

しかし実際の実行結果は[]が返ってきておりました。
どなたか詳しいかたご教示いただけますと幸いです。

Answer 1

- const filteredEmployees = itemsIncludesEmployees.filter(e=>{
-    e.id === items.id && e.name === items.name
- }).map(v=>{
+ const filteredEmployees = itemsIncludesEmployees.filter(e=>
+    e.id === items.id && e.name === items.name
+ ).map(v=>{

Comments

[takochan1192]

ありがとうございます。{}が不要だったのですね。