JS的几个小技巧

文章目录

• 前言
• 总结

---

前言

主要介绍几个我在使用JavaScript时的常用小技巧,不够全面,但说不定会有你不了解的

---

1.交换两个变量

按照以前的做法,我们需要第三个变量来实现两个变量的交换,但现在我们可以使用数组解构赋值来交换两个变量：

let x = 'Hello', y = 55;
//Before
const temp = x;
x = y;
y = temp;
//Now
[x, y] = [y, x];

2.多次重复某个数值

想要让一个字符重复出现多次,自然可以使用一个简单的for循环,但是使用repeat()方法，我们可以一行代码就搞定：

//Before
let str = '';
for(let i = 0; i < 5; i ++) {
  str += 'Hello ';
}
console.log(str); // Hello Hello Hello Hello Hello
// Now
'Hello '.repeat(5);

3.找出数组中的最大和最小数值

我们可以使用 for 循环来遍历数组中的每一个值，然后找出最大或最小值。我们还可以使用 Array.reduce() 方法来找出数组中的最大和最小数字。

但是使用扩展符号，我们一行就可以实现。

// Now
const arr = [2, 8, 15, 4];
Math.max(...arr); // 15
Math.min(...arr); // 2

4.合并数组

书写方式上的简化

let arr1 = [20, 30];
//Before
let arr2 = arr1.concat([60, 80]);
// [20, 30, 60, 80]
//Now
let arr2 = [...arr1, 60, 80];
// [20, 30, 60, 80]

---

总结

本文仅仅简单介绍了几个JavaScript的常用技巧,熟练者可能早已经掌握,但对于像我一样的新手,说不定有所帮助。