JavaScript配列の構造化代入とnull値

Question

id（of user）を受け入れ、このユーザーに関連付けられた5つの項目（正確に5）のリストを返す外部サービスgetListOfItemsFromServiceAを使用しています。

私はこのような微細な（一例）を作動しているそれらの項目の値を設定する割り当てを構造化代入アレイを使用した：

var item1, item2, item3, item4, item5; 
 
//var result = getListOfItemsFromServiceA(1622); 
 
var exampleResult = ['item1', 'item2', 'item3', 'item4', 'item5']; 
 
[item1, item2, item3, item4, item5] = exampleResult; 
 
console.log(item1, item2, item3, item4, item5);

私が持っている問題は、それがいくつかのケースでありますgetListOfItemsFromServiceA(id)は、たとえばidがデータベースに見つからない場合にnullを返します。だから私のコードが動作しない：

var item1, item2, item3, item4, item5; 
 
//var result = getListOfItemsFromServiceA(1622); 
 
var exampleResult = null; 
 
[item1, item2, item3, item4, item5] = exampleResult; 
 
console.log(item1, item2, item3, item4, item5);

は、構文を破壊アレイを使用する代わりにif(getListOfItemsFromServiceA(1622) !== null)のような場合の条件を追加し、これを解決する方法はありますか？

注

• 私はgetListOfItemsFromServiceAのコードを変更することはできません。

Answer 1

この操作を行います。exampleResultがnullの場合は、フォールバックを追加することができます

[item1, item2, item3, item4, item5] = exampleResult || []; 

Answer 2

を：

var item1, item2, item3, item4, item5; 
 
var exampleResult = null; 
 
[item1, item2, item3, item4, item5] = exampleResult || []; 
 
console.log(item1, item2, item3, item4, item5);

これはundefined, undefined, undefined, undefined, undefinedを生成します。

あなたはまた、破壊さ変数にデフォルト値を設定することができます：あなたが条件ならば追加したくない理由

var item1, item2, item3, item4, item5; 
 
var exampleResult = null; 
 
[item1="", item2="", item3="", item4="", item5=""] = exampleResult || []; 
 
    console.log(item1, item2, item3, item4, item5);