Lädt...


🔧 Mastering JavaScript's Math Object: A Comprehensive Guide to Built-in Mathematical Functions and Properties


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

The JavaScript Math Object: An Overview

The JavaScript Math object is a built-in object that provides a collection of mathematical functions and constants. It is not a constructor, so you cannot create instances of it; instead, it is used directly through its static methods and properties.

1. Constants

The Math object includes several constants that are useful for mathematical calculations:

  • Math.E: The base of natural logarithms, approximately equal to 2.718.
  • Math.LN2: The natural logarithm of 2, approximately equal to 0.693.
  • Math.LN10: The natural logarithm of 10, approximately equal to 2.303.
  • Math.LOG2E: The base-2 logarithm of E, approximately equal to 1.442.
  • Math.LOG10E: The base-10 logarithm of E, approximately equal to 0.434.
  • Math.PI: The ratio of the circumference of a circle to its diameter, approximately equal to 3.14159.
  • Math.SQRT1_2: The square root of 1/2, approximately equal to 0.707.
  • Math.SQRT2: The square root of 2, approximately equal to 1.414.

2. Methods

The Math object provides several methods for performing mathematical operations:

  • Math.abs(x): Returns the absolute value of x.
  Math.abs(-5); // 5
  • Math.ceil(x): Rounds x up to the nearest integer.
  Math.ceil(4.2); // 5
  • Math.floor(x): Rounds x down to the nearest integer.
  Math.floor(4.7); // 4
  • Math.round(x): Rounds x to the nearest integer.
  Math.round(4.5); // 5
  • Math.max(...values): Returns the largest of zero or more numbers.
  Math.max(1, 5, 3); // 5
  • Math.min(...values): Returns the smallest of zero or more numbers.
  Math.min(1, 5, 3); // 1
  • Math.random(): Returns a pseudo-random number between 0 (inclusive) and 1 (exclusive).
  Math.random(); // e.g., 0.237
  • Math.pow(base, exponent): Returns the base raised to the exponent power.
  Math.pow(2, 3); // 8
  • Math.sqrt(x): Returns the square root of x.
  Math.sqrt(9); // 3
  • Math.trunc(x): Returns the integer part of x, removing any fractional digits.
  Math.trunc(4.9); // 4

3. Usage Examples

Here are a few practical examples of how you might use the Math object:

  • Generating a Random Integer
  function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }
  console.log(getRandomInt(1, 10)); // e.g., 7
  • Calculating the Hypotenuse
  function calculateHypotenuse(a, b) {
    return Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
  }
  console.log(calculateHypotenuse(3, 4)); // 5

4. Limitations and Notes

  • Precision Issues: Floating-point arithmetic can lead to precision issues. For example, Math.sqrt(2) * Math.sqrt(2) might not exactly equal 2 due to rounding errors.
  • Not a Constructor: The Math object does not have constructor capabilities. All properties and methods are static.

Math Object Methods and Properties

1. Math.abs(x)

Returns the absolute value of x.

console.log(Math.abs(-10)); // 10
console.log(Math.abs(5.5)); // 5.5

2. Math.acos(x)

Returns the arccosine (inverse cosine) of x, in radians.

console.log(Math.acos(1)); // 0
console.log(Math.acos(0)); // 1.5707963267948966 (π/2)

3. Math.acosh(x)

Returns the hyperbolic arccosine of x.

console.log(Math.acosh(1)); // 0
console.log(Math.acosh(2)); // 1.3169578969248166

4. Math.asin(x)

Returns the arcsine (inverse sine) of x, in radians.

console.log(Math.asin(0)); // 0
console.log(Math.asin(1)); // 1.5707963267948966 (π/2)

5. Math.asinh(x)

Returns the hyperbolic arcsine of x.

console.log(Math.asinh(0)); // 0
console.log(Math.asinh(1)); // 0.881373587019543

6. Math.atan(x)

Returns the arctangent (inverse tangent) of x, in radians.

console.log(Math.atan(1)); // 0.7853981633974483 (π/4)
console.log(Math.atan(0)); // 0

7. Math.atan2(y, x)

Returns the arctangent of the quotient of its arguments, in radians.

console.log(Math.atan2(1, 1)); // 0.7853981633974483 (π/4)
console.log(Math.atan2(-1, -1)); // -2.356194490192345 (-3π/4)

8. Math.atanh(x)

Returns the hyperbolic arctangent of x.

console.log(Math.atanh(0)); // 0
console.log(Math.atanh(0.5)); // 0.5493061443340549

9. Math.cbrt(x)

Returns the cubic root of x.

console.log(Math.cbrt(27)); // 3
console.log(Math.cbrt(-8)); // -2

10. Math.ceil(x)

Rounds x upwards to the nearest integer.

console.log(Math.ceil(4.2)); // 5
console.log(Math.ceil(-4.7)); // -4

11. Math.clz32(x)

Returns the number of leading zeros in the 32-bit binary representation of x.

console.log(Math.clz32(1)); // 31
console.log(Math.clz32(0x80000000)); // 0

12. Math.cos(x)

Returns the cosine of x (where x is in radians).

console.log(Math.cos(0)); // 1
console.log(Math.cos(Math.PI)); // -1

13. Math.cosh(x)

Returns the hyperbolic cosine of x.

console.log(Math.cosh(0)); // 1
console.log(Math.cosh(1)); // 1.5430806348152437

14. Math.E

Returns Euler's number, approximately 2.718.

console.log(Math.E); // 2.718281828459045

15. Math.exp(x)

Returns the value of e raised to the power of x.

console.log(Math.exp(1)); // 2.718281828459045
console.log(Math.exp(0)); // 1

16. Math.expm1(x)

Returns the value of e raised to the power of x, minus 1.

console.log(Math.expm1(1)); // 1.718281828459045
console.log(Math.expm1(0)); // 0

17. Math.floor(x)

Rounds x downwards to the nearest integer.

console.log(Math.floor(4.7)); // 4
console.log(Math.floor(-4.2)); // -5

18. Math.fround(x)

Returns the nearest (32-bit single precision) float representation of x.

console.log(Math.fround(1.337)); // 1.336914
console.log(Math.fround(1.5)); // 1.5

19. Math.LN2

Returns the natural logarithm of 2, approximately 0.693.

console.log(Math.LN2); // 0.6931471805599453

20. Math.LN10

Returns the natural logarithm of 10, approximately 2.302.

console.log(Math.LN10); // 2.302585092994046

21. Math.log(x)

Returns the natural logarithm (base e) of x.

console.log(Math.log(Math.E)); // 1
console.log(Math.log(10)); // 2.302585092994046

22. Math.log10(x)

Returns the base-10 logarithm of x.

console.log(Math.log10(10)); // 1
console.log(Math.log10(100)); // 2

23. Math.LOG10E

Returns the base-10 logarithm of e, approximately 0.434.

console.log(Math.LOG10E); // 0.4342944819032518

24. Math.log1p(x)

Returns the natural logarithm of 1 + x.

console.log(Math.log1p(1)); // 0.6931471805599453
console.log(Math.log1p(0)); // 0

25. Math.log2(x)

Returns the base-2 logarithm of x.

console.log(Math.log2(2)); // 1
console.log(Math.log2(8)); // 3

26. Math.LOG2E

Returns the base-2 logarithm of e, approximately 1.442.

console.log(Math.LOG2E); // 1.4426950408889634

27. Math.max(...values)

Returns the largest of zero or more numbers.

console.log(Math.max(1, 5, 3)); // 5
console.log(Math.max(-1, -5, -3)); // -1

28. Math.min(...values)

Returns the smallest of zero or more numbers.

console.log(Math.min(1, 5, 3)); // 1
console.log(Math.min(-1, -5, -3)); // -5

29. Math.PI

Returns the value of π, approximately 3.14159.

console.log(Math.PI); // 3.141592653589793

30. Math.pow(base, exponent)

Returns the value of base raised to the power of exponent.

console.log(Math.pow(2, 3)); // 8
console.log(Math.pow(5, 0)); // 1

31. Math.random()

Returns a pseudo-random number between 0 (inclusive) and 1 (exclusive).

console.log(Math.random()); // e.g., 0.237

32. Math.round(x)

Rounds x to the nearest integer.

console.log(Math.round(4.5)); // 5
console.log(Math.round(4.4)); // 4

33. Math.sign(x)

Returns the sign of a number, indicating whether the number is positive, negative, or zero.

console.log(Math.sign(-5)); // -1
console.log(Math.sign(0)); // 0
console.log(Math.sign(5)); // 1

34. Math.sin(x)

Returns the sine of x (where x is in radians).

console.log(Math.sin(0)); // 0
console.log(Math.sin(Math.PI / 2)); // 1

35. Math.sinh(x)

Returns the hyperbolic sine of x.

console.log(Math.sinh(0)); // 0
console.log(Math.sinh(1)); // 1.1752011936438014

36. Math.sqrt(x)

Returns the square root of x.

console.log(Math.sqrt(9)); // 3
console.log(Math.sqrt(16));

 // 4

37. Math.SQRT1_2

Returns the square root of 1/2, approximately 0.707.

console.log(Math.SQRT1_2); // 0.7071067811865476

38. Math.SQRT2

Returns the square root of 2, approximately 1.414.

console.log(Math.SQRT2); // 1.4142135623730951

39. Math.tan(x)

Returns the tangent of x (where x is in radians).

console.log(Math.tan(0)); // 0
console.log(Math.tan(Math.PI / 4)); // 1

40. Math.tanh(x)

Returns the hyperbolic tangent of x.

console.log(Math.tanh(0)); // 0
console.log(Math.tanh(1)); // 0.7615941559557649

41. Math.trunc(x)

Returns the integer part of a number by removing any fractional digits.

console.log(Math.trunc(4.9)); // 4
console.log(Math.trunc(-4.9)); // -4
...

🔧 SPVM::Math - Mathematical Functions


📈 43.46 Punkte
🔧 Programmierung

🔧 Mastering JavaScript Functions: Your Guide to Normal vs. Arrow Functions


📈 42.28 Punkte
🔧 Programmierung

🔧 Arrow Functions vs. Regular Functions in JavaScript: A Comprehensive Guide


📈 42.04 Punkte
🔧 Programmierung

🔧 Mastering JavaScript Functions: A Comprehensive Guide for Developers


📈 40.86 Punkte
🔧 Programmierung

🔧 Mastering CSS Custom Properties: The Senior Developer's Approach to CSS Custom Properties.


📈 40.54 Punkte
🔧 Programmierung

🔧 Why JavaScript Says "[object Object]" and Not Just "[object]" 🤔


📈 35.02 Punkte
🔧 Programmierung

🔧 Functions of Commercial Bank: Primary Functions and Secondary Functions


📈 33.13 Punkte
🔧 Programmierung

🔧 Mastering Python Object-Oriented Programming (OOP): A Comprehensive Guide with Examples


📈 32.9 Punkte
🔧 Programmierung

🔧 Mastering JavaScript: Unveiling the Power of DOM Manipulation and the JavaScript Object Model


📈 32.84 Punkte
🔧 Programmierung

🔧 Day 13: Deep Dive into Object Properties, Getters & Setters, and Lexical Scope in JavaScript 🎉


📈 32.67 Punkte
🔧 Programmierung

🔧 Useful JavaScript Math Functions and How to Use Them


📈 32.25 Punkte
🔧 Programmierung

🔧 Mastering JavaScript: A Comprehensive Guide to Essential Methods and Latest Features


📈 32 Punkte
🔧 Programmierung

🔧 Mastering JavaScript's Call, Apply, and Bind Methods: A Comprehensive Guide


📈 32 Punkte
🔧 Programmierung

🔧 Mastering Higher-Order Functions in JavaScript: The Ultimate Guide


📈 31.78 Punkte
🔧 Programmierung

🔧 Functions in JavaScript: A Comprehensive Guide


📈 31.54 Punkte
🔧 Programmierung

🍏 gnuplot 5.4.5 - Visualize mathematical functions and data.


📈 31.43 Punkte
🍏 iOS / Mac OS

🔧 How to Select or Omit Properties From an Object in JavaScript


📈 31.03 Punkte
🔧 Programmierung

🔧 JavaScript Tutorial Series: HTML attributes & DOM object properties.


📈 31.03 Punkte
🔧 Programmierung

🔧 What Removing Object Properties Tells Us About JavaScript


📈 31.03 Punkte
🔧 Programmierung

🔧 JavaScript Object Properties: Dot Notation or Bracket Notation?


📈 31.03 Punkte
🔧 Programmierung

🔧 JavaScript Object Properties


📈 31.03 Punkte
🔧 Programmierung

🔧 Removing object properties from nested array of objects in JavaScript


📈 31.03 Punkte
🔧 Programmierung

🔧 Exploring SQL Functions: Harnessing the Power of Built-in Functions


📈 30.79 Punkte
🔧 Programmierung

🔧 Mastering CSS Variables: A Beginner's Guide to Custom Properties


📈 30.44 Punkte
🔧 Programmierung

🔧 Mastering JavaScript: A Comprehensive Interview Guide for Students


📈 30.37 Punkte
🔧 Programmierung

matomo