What you're looking for

【要件】
受け取った animal_id に応じて、以下のとおり表示したい。

animal_id	表示名
1	cat
2	dog
3	lion
4	panda
5	giraffe

はい。きっと最初に思いつくのがif文による分岐ですよね。
続きを読む →

今日はアプリのバッジ数をつける時なんかに使うであろう小技を紹介。

何かから未読数とかを受け取って表示するケースを考えますが、
「100以上なら99と表示したい」なんてこと、よくありますよね？

真面目な皆さんはこんなコードを書くかもしれません。

console.log(num);  // 120

if(num > 99) {
  num = 99;
}

console.log(num)  // 99

はい、これでOKです。
期待通りに動きます。

でも今日頭のいい人のコードを読んでて感動したので紹介します。

console.log(num);  // 120

Math.min(num, 99)

console.log(num)  // 99

はいこれだけ。

Math.min()は、引数の中から最小のものを返してくれる関数ですね。
言われてみれば当たり前なんですが、こういうところでコーディングのセンスの差がでますよね〜。

(まあ、実用上は100以上の時は 「99+」 なんて表記するために+をつけなきゃいけないから、結局どこかでif文書いたりすることが多いんでしょうけどね。)

こんばんは。
たかきです。

今日もjavascriptを書いております。
みなさんも書いてますか？

配列、使ってますか？
使ってますよね。

array に .reverse() って使ったことありますか？
そう、配列を逆順にするあれですね。

var arr = [0, 1, 2, 3, 4];
var arrRev = arr.reverse();
console.log(arrRev); // [4, 3, 2, 1, 0]

そう、こんな関数ですね。
続きを読む →

自分がはまったのでメモを兼ねての投稿。

<div class="fade-in slide-in diary">
  なんか文章なんか文章なんか文章
</div>

<div class="fade-out diary">
  なんか文章なんか文章なんか文章
</div>

こんなhtmlがあったとして、jQueryで fade-in クラスを選択したいとします。

$(".fade-in");

はい、もちろんこうですね。
そうです、class属性は “.”(ドット)で指定できます。

じゃあ、今度は fade- で始まるクラスをすべて選択したくなったとして、一旦属性を指定する方法で、class=”fade-in”を指定してみましょう。
以下が自分が犯したミス。

$("[class='fade-in']") // 返り値なし 

一見同ものが返りそうですが、違います。
[class=””] は完全一致したものが返ります。
つまり、この一個目の div は、

$("[class='fade-in slide-in diary']") // ヒットする
$("[class='fade-in']") // ヒットしない

なのです。