15个JavaScript速记技巧 (中)

71 阅读3分钟

强大且广受欢迎的编程语言 JavaScript 具有庞大的内置函数库,可用于执行各种任务。

本文涵盖了每个开发人员都应该知道的 15 个 JavaScript 特性,无论是新手还是经验丰富的开发人员,这些功能都会派上用场。接下来让我们来讨论一下这 15 个重要的 JavaScript 特性(以下均属个人观点,请各位轻喷)。

6. 数组中的最大值和最小值

您可以使用下面的 JavaScript 示例查找数组中的最大数和最小数。

普通方法:

 // 找出数组中的最大数
  const array = [ 3, 7, 1, 9, 2, 5 ]; 
  let maxNumber = array [0]; 
  for (let i = 1; i < array .length; i++) { 
    if (array [i] > maxNumber) { 
      maxNumber = array [i];
    } 
  }
console.log(maxNumber) // 输出:9
    // 找到数组中的最小数
    const  array = [ 3, 7, 1, 9, 2, 5 ]; 
    let minNumber = array [ 0 ]; 
    for (let i = 1 ; i < array .length; i++) { 
      if ( array [i] < minNumber) { 
        minNumber = array [i]
      } 
    }
    console.log(minNumber)  // 输出:1

便捷方法: 使用Math.max() and Math.min(),让我们可以轻松计算最大值或最小值:

// 找出数组中的最大数
const array = [ 3, 7, 1, 9, 2, 5 ]; 
const maxNumber =Math.max(...array)
console.log(maxNumber)  // 输出:9
// 找到数组中的最小数
const minNumber =Math.min(...array)
console.log(minNumber)  // 输出:1

7.将字符串转换为数字

要在 JavaScript 中将字符串转换为数字,有几种方法。

使用parseInt()parseFloat()功能:

// 将字符串转换为整数
const num1 = "42" ; 
const num2 = parseInt (num1);  // num2 现在是值为 42 的数字类型

// 将字符串转换为浮点数
const num3 = "3.14" ; 
const num4 = parseFloat (num3);  // num4 现在是数字类型,值为 3.14

使用加号运算符(+)

// 将字符串转换为数字
const num1 = "42" ; 
const num2 = +num1;  // num2 现在是值为 42 的数字类型

// 将字符串转换为负数
const num3 = "-42" ; 
const num4 = +num3;  // num4 现在是数字类型,值为 -42

8. 为多个变量赋值

JavaScript 提供了普通函数和速记函数来为多个变量赋值:

使用单独的赋值语句方法:

    let x;
    let y;
    let z;

    x = 1; 
    y = 2;
    z = 3;

解构赋值简写法:

    let x, y, z;
    [ x, y, z ] = [ 1, 2, 3 ];

解构赋值也可用于从对象分配变量:

    const obj = {a: 1, b: 2, c: 3};  
    let a, b, c;  
    ({a, b, c} = obj);

9.指数幂

在 JavaScript 中有几种方法可以计算一个数的指数幂。这里有些例子:

使用for 循环:

function power(base, exponent) {  
    let result = 1;  
    for (let i = 0; i < exponent; i++) {  
        result *= base;  
    }  
    return result;  
}  
console.log(power(2, 3)); // 输出: 8

使用Math.pow()功能:

function power(base, exponent) {  
    return Math.pow(base, exponent);  
}  
console.log(power(2, 3)); // Output: 8

此外,您还可以使用求幂运算符 ( ) 求出数字的指数幂**

const base = 2;  
const exponent = 3;  
const result = base ** exponent; // result is now 8

10.双位非运算符(~~)

在 ( ) 运算符的帮助下~~,您可以将数字四舍五入为最接近的整数。

例子:

const  num = 3.14 ; 
const roundedNum = ~~ num ;  // roundedNum 现在是 3

老铁们可以使用 (~~) 运算符代替Math.floor().

const  num = 3.14 ; 
const roundedNum = Math.floor( num );  // roundedNum 现在是 3

您还可以使用 ( ~~) 将非整数值转换为整数。

例如:

const  num = "3.14" ; 
const intNum = ~~num;  // intNum 现在是 3

这类似于使用parseInt()函数:

const  num = "3.14"; 
const intNum = parseInt( num );  // intNum 现在是 3