undefinedの時にreturnする方法を知りたい。

Question

mapをする時に、undefinedの場合はリターンしてmap処理が実行されないようにしたい。

const Items= category.subs.map((sub) =>
<li className="nav__detail_inner">{sub.name}</li>
 );

Answer 1

mapをする時に、undefinedの場合はリターンしてmap処理が実行されないようにしたい。

mapを使う限りは、全要素が処理対象となってしまいます。

ただし、Reactの仮想DOMとしてはnullも処理可能（何も描画されない）なので、条件を満たさない場合は「代わりにnullを返す」ことで対応可能です。

Answer 2

mapをする時に、undefinedの場合はリターンしてmap処理が実行されないようにしたい。

undefinedな要素をfilter()するのも有りかと思います。

※Reactでも動くと思いますが試してません

const arr = [1, 2, 3];
arr.map(v => console.log(v));  //1 2 3

arr[1] = undefined;
const arr2 = arr.filter(v => v != undefined);
arr2.map(v => console.log(v));  //1 3

Answer 3

undefinedかどうかを判定して、それであるならreturnしましょう

Comments

[nanase21]

if(typeof creditCard.isDefault == "undefined"){
return
}else{
// 処理みたいな形でやったのですがエラーになりました。
}

[y_waiwai]

文字列で比較してもダメです

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined

[gentaro]

「creditCard」ってどっから出てきたんだろう。

[nanase21]

落ちていたサンプルコードです。

[gentaro]

自分で質問文のコードを修正して試さないと伝わりませんよ。