ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript での数字と数学の計算

JavaScript での数字と数学の計算

WBOY
リリース: 2024-09-08 20:34:03
オリジナル
906 人が閲覧しました

Day Cracking Numbers and Math in JavaScript

今日の JavaScript の探索では、数値と数学演算の世界を深く掘り下げます。 JavaScript が数値を自動的に処理する方法の理解から、数学関数の力の利用まで、この投稿は数値データを操作するスキルを磨きます。

1. 数字を理解する

JavaScript は、変数を明示的に定義しなくても、変数が数値であることを認識できるほど賢いです。例:

const balance = 400;
// Output: 400
ログイン後にコピー

ただし、型を明示的に定義したい場合は、JavaScript を使用してそれも行うことができます。

const newBalance = new Number(400);
// Output: [Number: 400]
ログイン後にコピー

ブラウザのコンソールでこれを実行すると、独自のメソッド セットを備えた Number オブジェクトが表示されます。

2. 便利な数値メソッド

メソッドを使用し始めると、JavaScript での数値の操作がさらに面白くなります:

console.log(newBalance.toString()); 
// Output: "400" 
ログイン後にコピー

数値を文字列に変換し、その長さを確認します:

console.log(newBalance.toString().length); 
// Output: 3
ログイン後にコピー

数値の精度をさらに高める必要がありますか?問題ありません:

console.log(otherNumbers.toPrecision(3)); 
// Output: "124"
ログイン後にコピー

さまざまなロケールに応じて数値をフォーマットするのも簡単です:

console.log(hundreds.toLocaleString('en-IN')); 
// Output: "10,00,000"
ログイン後にコピー

3. 数学の力を解き放つ

JavaScript の Math オブジェクトは、さまざまな数学的演算を行うための頼りになるツールです。数値操作を簡単かつ効率的に行うメソッドが満載です:

console.log(Math.abs(-4)); 
// Output: 4
ログイン後にコピー

数値を最も近い整数に四捨五入します:

console.log(Math.round(4.6)); 
// Output: 5
ログイン後にコピー

乱数を生成する必要がありますか? JavaScript がすべてをカバーします:

console.log(Math.floor(Math.random() * 10) + 1); 
// Output: Random number between 1 and 10
ログイン後にコピー

または、特定の範囲内の乱数が必要な場合もあります:

const min = 10;
const max = 20;
console.log(Math.floor(Math.random() * (max - min + 1)) + min);
// Output: Random number between 10 and 20
ログイン後にコピー

JavaScript での数学演算は、単に足し算や引き算だけを行うものではありません。四捨五入、最小値と最大値の検索、さらには乱数の生成のメソッドを備えた Math オブジェクトは、コーディング作業の強力な味方です。


要約すると、今日の投稿では、JavaScript で数値を操作し、数学的演算を実行するための重要なツールを説明しました。数値を書式設定したり、四捨五入したり、単にランダムな値を試したりする場合でも、自信を持ってすべてを処理できる知識が得られます。コーディングを楽しんでください!

以上がJavaScript での数字と数学の計算の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート