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; 
      } 
     } 

最後一塊可以寫成單行嗎？我試過，但它看起來真的錯了：

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) 

爲了得到一個相當於firstOrDefault，你可以短路結果

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);