web前端JavaScript常用开发小知识总结

大家好，欢迎来到IT知识分享网。

01、假值

undefined、null、0、false、NaN、‘’都是假值。您可能已经知道这一点，但您是否知道空字符串也是假的？

见下文：

console.log(’’ == false); // true

console.log(’’ === false); // false

02、Filter 函数

您一定在数组上经常使用 filter 函数。如果您想过滤数组中的虚假值，这里有一个提示。只需在过滤器函数中提供布尔值即可。

const arr = [1,4,undefined,null,9,NaN,10,’’];

console.log(arr.filter(Boolean)); // [1,4,9,10]

03、Sort 函数

你对 JavaScript 中的 sort 函数了解多少？它对数组进行排序，对吗？嗯，不完全是。

const arr = [1,2,20,10,8];

arr.sort(); // [1, 10, 2, 20, 8]

arr.sort((a,b) => a-b); //[1,2,8,10,20]

上面第 2 行的输出看起来不像一个排序数组。为什么？这是因为，当我们调用不带参数的 sort 方法时，JavaScript 会将数组的元素转换为字符串，然后按字母顺序排序，疯狂吧？

04、交换

很多时候，我会用一个例子来交换数组中的两个元素或两个变量。我曾经为此编写了一个实用程序函数，但这是一种 JavaScript 式的方法。

Inside ar