勉強したことのメモ

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にてテキストボックスにサジェスト機能を実装できる「autoComplete.js」の利用方法
JavaScriptにてテキストボックスにサジェスト機能を実装できる「autoComplete.js」の利用方法

以前にjQuery UIでテキストボックスにサジェスト(入力補助)機能を実装する ...

バニラJavaScriptでXML形式データの取り扱いとJSON形式への変換方法
バニラJavaScriptでXML形式データの取り扱いとJSON形式への変換方法

JavaScriptで外部APIにリクエストし、レスポンスのXML形式データを取 ...

HTMXで指定ページ内の指定要素を取得及び出力する方法サンプル
HTMXで指定ページ内の指定要素を取得及び出力する方法サンプル

あるサイトのHTMLタグ内に「hx-〇〇」という見慣れないタグが記述されていた。 ...

「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法
「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法

「slick」で画像スライダーを表示する際にarrows(次に進む・前に戻るボタ ...