JavaScript における数値のクランプ

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScript において数値を指定された範囲内にクランプする概念を探ります。この実験の目的は、数値を特定の範囲に制限する方法を理解することで、さまざまなアプリケーションにおける一般的なプログラミングタスクを支援することです。この実験が終了するまでに、JavaScript コードで clampNumber 関数を実装する方法を明確に理解するようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28196{{"JavaScript における数値のクランプ"}} javascript/data_types -.-> lab-28196{{"JavaScript における数値のクランプ"}} javascript/arith_ops -.-> lab-28196{{"JavaScript における数値のクランプ"}} javascript/comp_ops -.-> lab-28196{{"JavaScript における数値のクランプ"}} end

範囲内で数値をクランプする関数

指定された範囲内で数値をクランプするには、clampNumber 関数を使用します。

まず、ターミナル/SSH を開き、コーディングを練習するために node と入力します。

clampNumber 関数には 3 つのパラメータがあります。numa、および b。この関数は、境界値 ab によって指定された包含範囲内で num をクランプし、結果を返します。

num が範囲内にある場合、関数は num を返します。それ以外の場合は、範囲内の最も近い数値を返します。

ここに clampNumber 関数のコードを示します。

const clampNumber = (num, a, b) =>
  Math.max(Math.min(num, Math.max(a, b)), Math.min(a, b));

この関数の使い方の例をいくつか示します。

clampNumber(2, 3, 5); // 3
clampNumber(1, -1, -5); // -1

まとめ

おめでとうございます!あなたは数値クランプの実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を練習することができます。