前書き
数学演算は、プログラミング言語の最も基本的かつ普遍的な機能の1つです。 JavaScriptでは、ブラウザウィンドウサイズのディメンションの検索、金融取引の最終価格の取得、Webサイトドキュメントの要素間の距離の計算などの一般的なタスクに数値が頻繁に使用されます。
数学の高度な理解は有能な開発者になるための前提条件ではありませんが、JavaScriptで使用できる操作の種類と、実用的なタスクを達成するためのツールとして数学を使用する方法を知ることが重要です。
他のプログラミング言語とは異なり、JavaScriptにはhttps://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript#numbers [数値データ型]が1つしかありません。たとえば、整数(正または負の整数)と浮動小数点(小数点付きの数字)の区別はありません。
このチュートリアルでは、算術演算子、代入演算子、およびJavaScript数値データ型で使用される操作の順序について説明します。
算術演算子
*算術演算子*は、数学演算を示し、値を返す記号です。 式「3 + 7 = 10」では、「+」は加算を表す構文です。
JavaScriptには、基本的な数学からおなじみの多くの演算子と、プログラミングに固有のいくつかの追加演算子があります。
JavaScript算術演算子の参照表を次に示します。
Operator | Syntax | Example | Definition |
---|---|---|---|
Addition |
|
|
Sum of |
Subtraction |
|
|
Difference of |
Multiplication |
|
|
Product of |
Division |
|
|
Quotient of |
Modulo |
|
|
Remainder of |
Exponentiation |
|
|
|
Increment |
|
|
|
Decrement |
|
|
|
この記事では、これらの各演算子について詳しく説明します。
加減
-
Addition および subtraction *演算子はJavaScriptで使用でき、数値の合計と差を見つけるために使用できます。 JavaScriptには組み込みの計算機があり、数学的な操作はコンソールで直接実行できます。
例えば、プラス記号( +
)を使用して、 `+ 10 `と ` 20 +`を追加するなど、数字を使用して簡単な追加を行うことができます。
10 + 20;
Output30
普通の数字で数学を行うことに加えて、変数に数字を割り当てて同じ計算を実行することもできます。 この場合、数値を「+ x 」と「 y 」に割り当て、合計を「 z +」に入れます。
// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log(z);
Output30
同様に、マイナス記号( -
)を使用して、数値または数値を表す変数を減算します。
// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log(z);
Output10
負の数と浮動小数点数(10進数)で加算と減算を行うこともできます。
// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log(z);
Output-7.7
JavaScriptで注意し、気をつけるべき興味深いことの1つは、数字とhttps://www.digitalocean.com/community/tutorials/how-to-work-with-strings-in-javascript[string]を追加した結果です。 。 「1 + 1」は「2」に等しくなるはずですが、この方程式は予期しない結果になるでしょう。
let x = 1 + "1";
console.log(x);
typeof x;
Output11
'string'
JavaScriptは2つの数字を追加する代わりに、ステートメント全体を文字列とhttps://www.digitalocean.com/community/tutorials/how-to-work-with-strings-in-javascript#string-concatenation[concatenate ]それらを一緒に。 JavaScriptの動的に型指定された性質に注意することが重要です。これは望ましくない結果をもたらす可能性があるためです。
JavaScriptで加算または減算を使用する一般的な理由は、固定ナビゲーションバーのピクセルから高さを引いたIDまでスクロールすることです。
function scrollToId() {
const navHeight = 60;
window.scrollTo(0, window.pageYOffset - navHeight);
}
window.addEventListener('hashchange', scrollToId);
上記の例では、IDをクリックすると、IDの60ピクセル上までスクロールします。
加算と減算は、JavaScriptで使用する最も一般的な数学方程式の2つです。
乗算と除算
-
Multiplication および division *演算子もJavaScriptで使用でき、製品と数値の商を見つけるために使用されます。
アスタリスク( + * +
)は、乗算演算子を表すために使用されます。
// Assign values to x and y
let x = 20;
let y = 5;
// Multiply x by y to get the product
let z = x * y;
console.log(z);
Output100
乗算は、消費税を適用した後、アイテムの価格を計算するために使用される場合があります。
const price = 26.5; // Price of item before tax
const taxRate = 0.082; // 8.2% tax rate
// Calculate total after tax to two decimal places
let totalPrice = price + (price * taxRate);
totalPrice.toFixed(2);
console.log("Total:", totalPrice);
OutputTotal: 28.67
スラッシュ( + / +
)は、除算演算子を表すために使用されます。
// Assign values to x and y
let x = 20;
let y = 5;
// Divide y into x to get the quotient
let z = x / y;
console.log(z);
Output4
分数は、分単位で時間数を見つけるなど、時間を計算するとき、またはテストで完了した正解のパーセントを計算するときに特に役立ちます。
モジュロ
少し馴染みのない算術演算子の1つに、除算後の商の剰余を計算するモジュロ(モジュラスとも呼ばれる)演算子があります。 モジュロは、パーセント記号( %
)で表されます。
例として、 `+ 3 `が ` 9 +`に正確に3回入り、残りがないことを知っています。
9 % 3;
Output0
この関数で見られるように、モジュロ演算子を使用して、数値が偶数か奇数かを判断できます。
// Initialize function to test if a number is even
const isEven = x => {
// If the remainder after dividing by two is 0, return true
if (x % 2 === 0) {
return true;
}
// If the number is odd, return false
return false;
}
// Test the number
isEven(12);
Outputtrue
上記の例では、「+ 12+」は「2」に均等に分割されるため、偶数になります。
多くの場合、プログラミングでは、モジュロはフロー制御の条件ステートメントと組み合わせて使用されます。
べき乗
指数*はJavaScriptの新しい演算子の1つであり、指数で数値のべき乗を計算できます。 べき乗の構文は、連続する2つのアスタリスク( + *
+