勉強したことのメモ

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

JavaScriptで三項演算子の中に三項演算子

   2014/05/22  JavaScript

既存のソースを作り変えている際によく分からないソースがあった。

だいぶ書き換えてあるけど下記のような形。

var code1 = '02';
var code2 = 'c2d';
var i = 2;
var test = (code1 + "," + code2).indexOf( i < 10 ? "0" + i : i ) > - 1 ? 'ok' : 'ng';
console.log(test); //ok

・三項演算子の中に三項演算子を入れられること
・そもそも三項演算子の頭の部分はカッコがなくてもいいこと

どっちも知らなかった。明らかに見づらいので書くことは無いけど、
知識として覚えておく。

あと、PHPでもできるみたい。
http://php.net/manual/ja/language.operators.comparison.php

 - JavaScript

  関連記事

javascriptでスクロール
javascriptでスクロール

やりたかった事は、 ・javascript,jQuery使う ・スクロールさせた ...

マウスオーバーでの画像切り替えをJavaScriptで簡単に対応
マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法
バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法
「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法

slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...

JavaScriptでテンプレート文字列(テンプレートリテラル)の利用方法
JavaScriptでテンプレート文字列(テンプレートリテラル)の利用方法

あるJavaScriptのソースコードを拝見した際に変数っぽいのにバッククォート ...