タグ

ブックマーク / dezanari.com (2)

  • JavaScriptのsort関数の使い方を絶対わかるまで解説する

    sort関数で数値の順番で並び替えができる原理まずは以下のサンプルを見てください。このサンプルは配列の中の数字を小さい順に並び替えます。 const numbers = [2, 5, 100, 4]; numbers.sort(function (a, b) { if (a < b) { return -1; } else if (a > b) { return 1; } else { return 0; } }); console.log(numbers); // 結果:[2, 4, 5, 100] こんな感じのコードはいろんな記事で紹介されていますが、僕は最初これを見た時にわからないことがいくつもありました。 まずはこのあたりを見ていきます。 引数にあるa, bって何?→配列の中の要素のうちの1つがa、次の1つがbです。sort関数で数値を比較する際には引数aとbを必ず取ります(名前は

    JavaScriptのsort関数の使い方を絶対わかるまで解説する
    ar0
    ar0 2023/11/28
  • 【CSS】flexboxの要素を任意の位置で改行する方法

    通常のflexboxでの改行通常ならdisplay: flex;とflex-wrap: wrap;を同時に指定すれば、これ以上横幅がない場合に勝手に改行してくれます。 See the Pen jOVLmQE by wagashi000327 (@wagashi000327) on CodePen. こんな感じでflexbox内に5番目の要素が入るほどのスペースはないので自動で改行されます。 しかし、今回やりたいのは2番目や3番目など、まだflexbox内にスペースはあるけど特定の狙った位置で改行するというものです。 flexbox内の要素を狙った位置で改行するのはこんな感じにやります。 See the Pen Vwmzbgd by wagashi000327 (@wagashi000327) on CodePen. 改行したい位置に空のブロック要素を入れてwidth: 100%;を指定しま

    【CSS】flexboxの要素を任意の位置で改行する方法
    ar0
    ar0 2023/04/24
  • 1