データが存在するかの判定をするとき 指定したキーがオブジェクト内に存在するかの判定を行うケースで見てみましょう。 ベタ書きした場合 function filtering(data) { if (data.name) { // 名前データが存在するときの処理 console.log("exist"); } else { // 名前データが存在しない時の処理 console.log("not exist"); } } var data = { id:1 }; filtering(data); // not exist これでもわからなくはないですが条件が増えてくると見づらくなりますし、何より判定ロジックの使い回しができません。 コードが短くなるという利点はありますが1度変数に入れて意味を持たせた名前に格納する方が可読性が上がります。 三項演算子で簡単な存在判定してみる 判定ロジックを1度変数に
![判定ロジックを見やすくするための工夫 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7596b7bd325970cebb31e23b114090af64263ac8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU1JTg4JUE0JUU1JUFFJTlBJUUzJTgzJUFEJUUzJTgyJUI4JUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgyJTkyJUU4JUE2JThCJUUzJTgyJTg0JUUzJTgxJTk5JUUzJTgxJThGJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFFJUU1JUI3JUE1JUU1JUE0JUFCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mNTJjZTVjODk0YWUyOWNhZDY0MTdhMGJiZDNmZTlmZA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQW5jaWVudF9TY2FwZXMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA0NGIwZTdjM2I0ZTBjY2VhNzEyODAxYTdjN2MwYWYx%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0018b9eeb369befba27c3d4b5889f493)