{category}

JavaScript - 比較演算子

<

レス ザン(基本的な構文

意味 小なり


<とは?

左のオペランドが右のオペランドより小さい場合にtrueを返す。

<の具体的な使い方

小なり比較の例

var x = 3, y = 5;
console.log('x < y の結果:', x < y);
console.log('y < x の結果:', y < x);

👇出力結果

x < y の結果: true
y < x の結果: false

xがyより小さい場合、trueを返します。この例では、3と5を比較し、両方向の比較結果を示しています。結果はコンソールに表示されます。

小なり演算子の数値比較例

console.log(3 < 5);
console.log(5 < 3);

👇出力結果

true
false

数値の比較例を示しています。左辺が右辺より小さい場合はtrue、そうでない場合はfalseを返します。

小なり演算子の文字列比較例

console.log('りんご' < 'バナナ');
console.log('バナナ' < 'りんご');
console.log('A' < 'a');
console.log('あ' < 'い');

👇出力結果

true
false
true
true

文字列の比較例を示しています。文字列の場合は辞書順で比較されます。日本語の文字も同様に比較できます。

小なり演算子の異なる型の比較例

console.log('10' < 2);
console.log('10' < '2');

👇出力結果

false
true

異なる型の比較例を示しています。数値と文字列を比較する場合、文字列は数値に変換されます。文字列同士の比較は辞書順で行われます。

小なり演算子の日付比較例

const date1 = new Date(2023, 0, 1);
const date2 = new Date(2023, 11, 31);
console.log(date1 < date2);

👇出力結果

true

日付オブジェクトの比較例を示しています。日付は内部的にタイムスタンプとして扱われるため、時系列順に比較されます。

数値配列の昇順ソート

const numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

numbers.sort((a, b) => a < b ? -1 : 1);
console.log('昇順ソート:', numbers);

👇出力結果

昇順ソート: [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

小なり演算子を使用して数値の配列を昇順にソートします。sortメソッドのコールバック関数内で使用しています。

数値配列の降順ソート

const numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

numbers.sort((a, b) => b < a ? -1 : 1);
console.log('降順ソート:', numbers);

👇出力結果

降順ソート: [9, 6, 5, 5, 5, 4, 3, 3, 2, 1, 1]

小なり演算子を使用して数値の配列を降順にソートします。sortメソッドのコールバック関数内で使用しています。

オブジェクト配列のソート

const people = [
  { name: '田中', age: 30 },
  { name: '佐藤', age: 25 },
  { name: '鈴木', age: 35 }
];
people.sort((a, b) => a.age < b.age ? -1 : 1);
console.log('年齢でソート:', people.map(p => p.name + ': ' + p.age));

👇出力結果

年齢でソート: [佐藤: 25, 田中: 30, 鈴木: 35]

小なり演算子を使用してオブジェクトの配列を特定のプロパティ(この場合は年齢)でソートする例を示しています。sortメソッドのコールバック関数内で使用しています。

<に関するよくある質問

Q. <演算子は何を比較する?
A. <演算子は主に数値の大小を比較しますが、文字列の場合はアルファベット順で比較します。異なる型の場合は型変換が行われます。
Q. 文字列の比較はどう行われる?
A. 文字列の比較は辞書順(アルファベット順)で行われます。最初の文字から順に比較し、異なる文字が見つかった時点で結果が決まります。

<が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptの<や!、<=、var、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

!

否定(〜以外)

種類: 論理演算子

<=

小なりまたは等しい

種類: 比較演算子

var

変数の宣言

種類: 宣言・代入

dispatchEvent()

手動でイベント起動

種類: 基本的なイベント操作

ミックスイン

特性の組み合わせ

種類: その他のオブジェクト指向機能