勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptの三項演算子

   2014/05/21  JavaScript

いつもと違う書き方? 使い方の三項演算子
あったのでメモ。

■ソース
var flg = 1;
console.log((flg > 0) ? 'aaa' : 'bbb'); //aaaを出力

$(function(){
$('#hoge').css({'background-color' : (flg == 1) ? '#F00' : '#FFF'}); //id=hogeの部分が赤色になる
});

var str = 'str -> ' + ((flg == 1) ? 'ccc' : 'ddd');
console.log(str); //str -> cccを出力

かなり柔軟な使い方ができるみたい。
ただ、後から見たときに分かりづらいのであまり使わない方が良さそう。

 - JavaScript

  関連記事

jquery.cookie.jsで「$.cookie is not a function」エラー

フロントエンド側でCookieを利用したい場合jquery-cookieを用いる ...

「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法

「slick」でスライダー画像の下部に何らかのコンテンツ(テキスト・リンク・別画 ...

JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法

サイトの開発段階で「本番用の画像はまだ用意できていない」等の理由によりダミー画像 ...

CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

javascriptでのエラーログ

PHPでのエラーログ取りが思いのほか便利だったので JSについても簡単にログ取り ...