勉強したことのメモ

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でリッチなセレクトメニュー(プルダウン)を実装できる「Choices.js」の利用方法
バニラJavaScriptでリッチなセレクトメニュー(プルダウン)を実装できる「Choices.js」の利用方法

サジェストや複数選択等、機能付きのセレクトメニュー(プルダウン)を実装する際、今 ...

jQueryでページ表示時にラジオボタンやチェックボックスにcheckedがついている場合にイベントを実行する方法
jQueryでページ表示時にラジオボタンやチェックボックスにcheckedがついている場合にイベントを実行する方法

ラジオボタンやチェックボックスをチェックした際に、jQuery側で何らかのイベン ...

Dexie.jsを利用してIndexedDBを取り扱う方法
Dexie.jsを利用してIndexedDBを取り扱う方法

IndexedDBを用いて色々するという案件を見かけたが、そもそもIndexed ...

jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方
jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...

JavaScriptのリッチなalert / confirmぽいウィンドウを表示する「sweetalert2」の利用方法
JavaScriptのリッチなalert / confirmぽいウィンドウを表示する「sweetalert2」の利用方法

JavaScriptのalert / confirmはブラウザによって表示位置や ...