JS计算

JS计算

在前端开发中，计算是常见的操作之一。无论是简单的加减乘除，还是复杂的数学运算，JS都能够很好地帮助我们完成。本文将详细讨论JS中的计算方法，包括基本运算符、数学函数、逻辑运算等内容。

基本运算符

在JS中，基本的算术运算符包括加法（+）、减法（-）、乘法（*）、除法（/）和取模（%）等。这些运算符可以直接应用于数字类型的数据上，完成相应的数学运算。

加法运算

加法运算符（+）用于将两个数字相加。如果两个操作数都是数字，则执行普通的加法操作；如果其中一个或两个操作数是字符串，则执行字符串拼接操作。

let a = 5;
let b = 3;
let c = "Hello";
let d = "World";

console.log(a + b); // 输出：8
console.log(c + d); // 输出：HelloWorld

减法运算

减法运算符（-）用于将第一个操作数减去第二个操作数，并返回结果。

let a = 5;
let b = 3;

console.log(a - b); // 输出：2

乘法运算

乘法运算符（*）用于将两个数字相乘，并返回结果。

let a = 5;
let b = 3;

console.log(a * b); // 输出：15

除法运算

除法运算符（/）用于将第一个操作数除以第二个操作数，并返回结果。

let a = 6;
let b = 2;

console.log(a / b); // 输出：3

取模运算

取模运算符（%）用于计算第一个操作数除以第二个操作数的余数，并返回结果。

let a = 5;
let b = 2;

console.log(a % b); // 输出：1

数学函数

除了基本的算术运算符之外，JS还提供了很多数学函数，用于执行更复杂的数学运算。

Math对象

JS中的Math对象包含许多常用的数学方法和常量。

// 获取圆周率
console.log(Math.PI); // 输出：3.141592653589793

// 求绝对值
console.log(Math.abs(-5)); // 输出：5

// 向上取整
console.log(Math.ceil(5.3)); // 输出：6

// 向下取整
console.log(Math.floor(5.8)); // 输出：5

// 四舍五入
console.log(Math.round(5.4)); // 输出：5
console.log(Math.round(5.5)); // 输出：6

// 求幂
console.log(Math.pow(2, 3)); // 输出：8

// 开方
console.log(Math.sqrt(9)); // 输出：3

parseFloat和parseInt

除了Math对象的数学方法之外，JS还提供了全局方法parseFloat和parseInt，用于解析字符串为浮点数和整数。

let num1 = "3.14";
let num2 = "5";

console.log(parseFloat(num1)); // 输出：3.14
console.log(parseInt(num2)); // 输出：5

逻辑运算

除了数学运算之外，JS还支持逻辑运算，用于处理布尔类型的数据或表达式。

逻辑与（&&）

逻辑与（&&）运算符用于判断两个操作数是否都为true，只有在两个操作数都为true时，整个表达式才会返回true。

let a = true;
let b = false;

console.log(a && a); // 输出：true
console.log(a && b); // 输出：false

逻辑或（||）

逻辑或（||）运算符用于判断两个操作数是否至少有一个为true，只要有一个操作数为true，整个表达式就会返回true。

let a = true;
let b = false;

console.log(a || b); // 输出：true
console.log(b || b); // 输出：false

逻辑非（!）

逻辑非（!）运算符用于取反操作数的值，如果操作数为true，返回false；如果操作数为false，返回true。

let a = true;
let b = false;

console.log(!a); // 输出：false
console.log(!b); // 输出：true