Javascript arrow関数の代わりに...

Question

矢印関数を使用して構文をどのように短縮できますか？

  this.id = 1;     
      let products: Product[] = [ 
       { 
        "id": 1, 
        "name": "Bycicle" 
       }, 
       { 
        "id": 2, 
        "name": "iPhoneX" 
       } 
      ]; 


     for (let p of products) { 
      if (p.id == this.id) { 
       this.product = p; 
       break; 
      } 
     } 

最後のブロックを1ライナーで書くことはできますか？私はこれを試してみましたが、それはそう間違って見えます：firstOrDefaultに相当するものを取得するには

this.product = products.filter(p => p.id == this.id)[0]; 

私は.NETで.FirstOrDefaultのようなものを探しています

Answer 1

使用Array#find

this.product = products.find(p => p.id === this.id) 

、あなたは可能性結果を短絡する

this.product = products.find(p => p.id === this.id) || {} 

Answer 2

findが

this.product = products.find(p => p.id === this.id); 

DEMO

let id =1; 
 
var products = [ 
 
       { 
 
        "id": 1, 
 
        "name": "Bycicle" 
 
       }, 
 
       { 
 
        "id": 2, 
 
        "name": "iPhoneX" 
 
       } 
 
      ]; 
 
      
 
let product = products.find(p => p.id === id); 
 
console.log(product);