How to filter an array from an object

i have a check box that i populate as follows

<div repeat.for="list of Items" change.delegate="getClicked()"  >

<md-checkbox  checked.bind="List" model.bind="list" >${list.name}</md-checkbox>
</div>

i have another list in my ts page that returns all the items and is stored as follows

getClicked()
{
let result= this.ItemList  // this object contains a list of items
}

what i wanted to achieve is if i click on the checkbox i want to get the id and filter it on the ItemList object to only return that items.

This is what i have

getClicked() {
        
        let Id = this.List.map(x=> x.id);
        let result = this.ItemList.filter(x => x.ItemId === Id)
}

Items=[{ id: 11125e, name:"coke" },
        { id: 11125e,name:"juice" },
        { id: 33e4,name:"chips" }]

the problem i am having is that my result is always returned as [] empty.

this is what is happening when i get the id for example

let Id = this.List.map(x=> x.id);// id returned["11125e"]
            let result = this.ItemList.filter(x => x.ItemId ===["11125e"] ) // id gets passed with [] around it

but if i have to manualy test and i do this with out the [] it works and i get a result back

let result = this.ItemList.filter(x => x.ItemId ==="11125e" )

so my question is how do i get this.List.map(x=> x.id);// id returned["11125e"] to be "11125e"