勉強したことのメモ

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にてカラーコードのピッカーを実装できる「jscolor」の利用方法

フォームのテキストボックスにカラーコードのピッカーを実装したかった。HTMLのみ ...

JavaScriptで特定の要素にマウスオーバーした際、ツールチップを表示させる「Tippy.js」ライブラリの利用方法

JavaScriptで特定の要素にマウスオーバーした際、ちょっとした説明文等を書 ...

JavaScriptで文字列から数値(特に小数)へ変換時の注意点

JavaScriptで文字列から数値へ変換時に想定していた結果と異なることがあっ ...

JavaScriptで小数の計算をする際にずれ(誤差)を無くす方法(decimal.js)

JavaScriptで小数の計算をすると値がずれる(誤差が発生する)ことがあった ...

横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法

横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...