</>CodingLSコーディングライフスタイル

JavaScriptで最初と最後の子要素を取得する方法を完全解説。firstElementChild/lastElementChildの基本、firstChild/lastChildとの違い（テキストノード問題）、children[0]とchildren[length-1]、querySelector(:first-child/:last-child)、子要素が存在しない場合のnullチェック、CSSの:first-child/:last-child/:first-of-type/:last-of-typeとの使い分け、リストの先頭/末尾操作・テーブルのヘッダー/フッター取得・パンくずリストの実務パターンまで網羅。

JavaScriptでn番目以外の子要素を取得する方法を完全解説。Array.fromとfilterでインデックス除外、querySelectorAllの:not(:nth-child(n))で CSS セレクタベースの除外、childrenプロパティとforループ、複数のインデックスをまとめて除外、先頭・末尾・特定クラス以外の要素を取得、nth-childとnth-of-typeの違い、テーブル行のフィルタリング・タブ切り替え・リストの並び替えの実務パターンまで網羅。

JavaScriptで四捨五入する方法を完全解説。Math.roundによる整数への四捨五入、小数第N位での四捨五入（10のN乗で掛け割り）、toFixedの使い方と戻り値が文字列である注意点、浮動小数点の誤差（1.005問題）と対策、Math.floor（切り捨て）・Math.ceil（切り上げ）・Math.trunc（小数除去）との比較、負の数での挙動の違い、Intl.NumberFormatによる通貨フォーマット、金額計算・消費税計算・表示フォーマットの実務パターンまで網羅。