你应该知道的 13 个有用的 JavaScript 数组提示和技巧

数组是 Javascript 中最常见的概念之一,它为我们提供了很多使用存储在其中的数据的可能性。考虑到数组是 Javascript 中最基本的主题之一,您在开始编程路径时就会学习,在本文中,我想向您展示一些您可能不知道的技巧,这些技巧可能非常对编码很有帮助!让我们开始吧。

1.从数组中删除重复项

这是一个非常流行的关于 Javascript 数组的面试问题,如何从 Javascript 数组中提取唯一值。这是针对此问题的快速简便的解决方案,您可以为此目的使用新的 Set()。我想向您展示两种可能的方法,一种是使用 .from() 方法,另一种是使用扩展运算符 (...)。

2.替换数组中的具体值

有时在创建代码时需要替换数组中的特定值,并且有一个很好的简短方法可以做到这一点,您可能还不知道。为此,我们可以使用 .splice(start, value to remove, valueToAdd) 并传递所有三个参数,指定我们要从哪里开始修改、要更改多少值以及新值。

3. 不带 .map() 的映射数组

可能每个人都知道数组的 .map() 方法,但是有一个不同的解决方案可以用来获得类似的效果和非常干净的代码。为此,我们可以使用 .from() 方法。

4.清空数组

您是否有一个充满元素的数组,但您需要出于任何目的对其进行清理,并且您不想一个一个地删除项目?在一行代码中完成它非常简单。要清空数组,您需要将数组的长度设置为 0,仅此而已!,就是这样!

5. 将数组转换为对象

碰巧我们有一个数组,但出于某种目的,我们需要一个包含这些数据的对象,而将数组转换为对象的最快方法是使用众所周知的扩展运算符 (...)。

6. 用数据填充数组

在某些情况下,当我们创建一个数组时,我们想用一些数据填充它,或者我们需要一个具有相同值的数组,在这种情况下 .fill() 方法提供了一个简单而干净的解决方案。

7. 合并数组

您知道如何不使用 .concat() 方法将数组合并为一个数组吗?有一种简单的方法可以将任意数量的数组合并到一行代码中。您可能已经意识到,在处理数组时已经展开运算符 (...) 非常有用,在这种情况下也是如此。

9. 从数组中删除虚假值

首先,让我们定义虚假值。在 Javascript 中,虚假值为 false、0、“”、null、NaN、未定义。现在我们可以找出如何从我们的数组中删除这种值。为此,我们将使用 .filter() 方法。

10. 从数组中获取随机值

有时我们需要从数组中随机选择一个值。为了以一种简单、快速和简短的方式创建它并保持我们的代码干净,我们可以根据数组长度获得一个随机索引号。让我们看看代码:

11. 反转数组

当我们需要翻转我们的数组时,不需要通过复杂的循环和函数来创建它,有一个简单的数组方法可以为我们完成这一切,并且只需一行代码,我们就可以将我们的数组反转。让我们检查一下:

12. .lastIndexOf() 方法

在 Javascript 中,有一种有趣的方法可以找到给定元素最后一次出现的索引。例如,如果我们的数组有重复值,我们可以找到它最后一次出现的位置。让我们看一下代码示例:

13. 对数组中的所有值求和

在 Javascript 工程师面试中经常发生的另一个挑战。这里没有什么可怕的;它可以在一行代码中使用 .reduce 方法解决。让我们看看代码:

结论

在本文中,我向您介绍了 13 个技巧和技巧,它们可以帮助您进行编码并保持代码简洁明了。另外,请记住,您可以在 Javascript 中使用许多不同的技巧值得探索,不仅是关于数组,还包括不同的数据类型。我希望您喜欢本文中提供的解决方案,并且您将使用它们来改进您的开发过程。

版权声明:vlifanv 发表于 2022-01-12 14:54:37。
转载请注明:你应该知道的 13 个有用的 JavaScript 数组提示和技巧 | 堆栈导航

暂无评论

暂无评论...