JavaScript演算子:比較と同等性
私たちが小学校で算数を学んでいた子供の頃、私たちは最初に演算子に出会いました。演算子は、2つのオペランドの間の記号です。 Web開発では、演算子を使用して2つの値を比較し、式がtrueかfalseかを判断します。この記事では、比較(リレーショナル)演算子と等式演算子について説明します。これらは、JavaScriptで遭遇する最も一般的な2つのタイプの演算子です。
比較演算子
問題を解決するためのロジックを作成する際に、比較演算子または関係演算子を使用して、条件付きで画面に何かをレンダリングする必要がある場合があります。コードに表示される最も一般的なものを見てみましょう。次のいくつかの演算子に使用するオブジェクトは次のとおりです。
- で – inを使用します オブジェクトにプロパティがあるかどうかを確認する演算子:
const cityData = { city: "San Jose", state: "California", area: 181.36, land: 178.24, water: 3.12, urban: 342.27, metro: 2694.61, elevation: 82, population: 1021795, timezone: "Los_Angeles/Pacific", website: "www.sanjoseca.gov" } console.log("metro" in cityData); //true console.log("country" in cityData); //false
- インスタンス – instanceofを使用します オブジェクトがクラスまたはコンストラクター関数のインスタンスであるかどうかを尋ねる演算子。
function Class(subject, teacher, numStudents) { this.subject = subject; this.teacher = teacher; this.numStudents = numStudents; } const classroom = new Class('Academic Geometry', 'Jane Doe', 24); console.log(classroom instanceof Class); // expected output: true console.log(classroom instanceof Object); // expected output: true
- 未満(<)、以下(<=)– オペランドAがオペランドBより小さい場合に、条件ステートメントでtrueを返す比較演算子。forループを作成するときに最も一般的に見られます。
for(let i = 1; i <= n; i++) { // code here } for(let i = 0; i < arr.length; i++) { // code here }
- より大きい(>)、以上(> =)– オペランドAがオペランドBより大きい場合に、条件ステートメントでtrueを返す比較演算子。これは、配列内の最大数を見つけようとするときによく使用されます。
let maximum = -Infinity; for(let i = 0; i < arr.length; i++) { if(arr[i] >= maximum) { maximum = arr[i]; } }
注: >=は=>と同じではありません。後者は、ES6JavaScript構文の大きな矢印関数に使用されます。
等式演算子
比較演算子と同様に、等価演算子も式が真であるかどうかを宣言するブール値に評価されます。
平等(==) 対アイデンティティ(===) –等号が表示された場合(=) JavaScriptでは、1つの等号は代入演算子であり、数学の授業で慣れていたものではありません。
2つの等号は、厳密には等号演算子です。値を他のデータ型に変換しようとすることによって、値が等しいかどうかを確認するだけです。これは型強制と呼ばれます。
console.log(8 == '8'); //true
同様に、1つの等号とともに強打/感嘆符が表示された場合(!=) 、不等演算子として知られ、2つの値を比較して、オペランドの数が等しくないかどうかを確認します。タイプはチェックしません。
console.log(8 != '4'); //true
逆に、恒等演算子、3つの等号(===) 、2つの値を比較するときに、タイプと番号をチェックします。
参加者の81%は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。
平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。
console.log(8 === '8'); //false console.log(8 === 8); //true
不等式演算子と同様に、非同一性演算子(!==) オペランドが等しくないかどうかを確認します。さらに、タイプもチェックします。そうである場合、条件はtrueであり、trueを返します。そうでない場合は、falseを返します。
console.log(8 !== '8'); //true console.log(8 !== 8); //false
最終的な考え
比較演算子と等式演算子は、プログラミングでロジックを構築するために不可欠です。左のオペランドと右のオペランドを比較する場合、等式演算子を使用して、値が型、型、型と数値、または型と数値で等しいかどうかを確認します。さらに、比較演算子を使用して、ユーザーインターフェイス(UI)をレンダリングするロジックを支援します。これらの演算子に慣れたら、論理演算子、三項演算子、およびビット演算子を確認してください。
JavaScriptに関するその他のチュートリアルの準備はできていますか?
これらをチェックしてください!
JavaScriptの三項演算子:ステップバイステップガイド
JavaScript Switch Case:ステップバイステップガイド
JavaScript構文:初心者のためのガイド
-
JavaScriptでの厳密な等式と緩い等式。
緩い等式演算子 ‘==’を使用すると、最初に値を共通の型に変換してから、それらの値が等しいかどうかを確認することで、2つ以上のオペランドを比較できます。 厳密な等式演算子 ‘===’を使用すると、値とそのタイプが等しいかどうかを確認することで、2つ以上のオペランドを比較できます。値と型の両方が他のオペランドと一致する場合にのみtrueを返します。 以下は、JavaScriptでの緩い等式と厳密な等式のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q
-
JavaScriptの緩い平等
緩い等式演算子「==」を使用すると、最初に値を共通の型に変換してから、それらの間の等式をチェックすることにより、2つ以上のオペランドを比較できます。 以下は、JavaScriptで緩い等式を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc