JavaScript阵列方法简介
#javascript #初学者 #教程 #数组

介绍

数组是JavaScript中的基本数据结构，使开发人员能够有效地存储和操纵元素的集合。 JavaScript中的数组对象具有多种方法，可以使程序员轻松执行常见的数组操作。在这篇全面的文章中，我们将探讨JavaScript阵列的世界，其重要特征以及它们所属的不同类别。
此外，我们将深入研究突变和非变形阵列方法之间的区别，以及迭代和阵列创建方法。

什么是JavaScript中的数组？

在JavaScript中，数组是存储元素列表的特殊对象类型。与常规对象不同，阵列被排序，这意味着元素在数组中的位置可以索引和访问。这些索引从第一个元素开始为0，第二个元素为1，依此类推。

JavaScript中的数组可以包含任何数据类型的元素，例如数字，字符串，对象，甚至其他数组。这种多功能性使数组成为在各种编程方案中存储和管理数据的强大工具。

关于javaScript中数组的重要点：

  1. 基于零的索引：如前所述，JavaScript中的数组使用基于零的索引，这意味着使用索引0，第二个带有索引1等的元素。

  2. 动态长度：JavaScript数组是动态的，这意味着它们的长度在程序执行过程中可以改变。可以添加或去除元素，从而导致阵列相应地生长或收缩。

  3. 异质元素：数组可以包含不同数据类型的元素。与其他一些编程语言不同，JavaScript数组不仅限于保持相同类型的元素。

  4. 阵列文字语法：可以使用阵列文字创建数组，该数字包含在方括号中[]，其中元素通过逗号分隔。

  5. 数组方法：JavaScript提供了多种内置方法，使开发人员能够对数组执行各种操作。这些方法包括添加和删除元素，搜索特定值，排序等等。

  6. 数组长度属性：数组具有一个长度属性，指示数组中的元素数量。此属性可用于有效地操纵数组。

  7. 稀疏数组：JavaScript数组可能是稀疏的，这意味着它们可能具有“孔”，其中元素不确定或缺少。

JavaScript数组的类别：

根据其行为，JavaScript数组可以分为以下组：

1.突变和非变形阵列方法

突变阵列方法直接修改原始数组，而非杂音方法返回新数组而无需更改原始数组。

突变阵列方法：

  • fill()：填充数组的所有元素都带有静态值。
  • copyWithin()：将数组中的元素序列复制到指定的目标索引。
  • pop()：从数组中删除最后一个元素并将其返回。
  • push()：在数组的末端添加一个或多个元素并返回新长度。
  • reverse()：逆转数组中元素的顺序。
  • shift()：从数组中删除第一个元素并将其返回。
  • sort()：根据给定的排序标准对阵列的元素进行分类。
  • splice()：以特定索引添加或删除数组中的元素。
  • unshift()：在数组的开头添加一个或多个元素并返回新长度。

非变形阵列方法：

  • concat()：将两个或多个数组结合到一个新数组中。
  • slice()：提取数组的一部分并返回一个新数组。
  • join()：将数组的所有元素与指定的分离器一起加入字符串。
  • toString()：将数组转换为字符串表示。
  • toSorted() ：（不是标准方法）缺少解释。
  • toSpliced() ：（不是标准方法）缺少解释。
  • indexOf()：返回数组中给定元素的第一次出现的索引。
  • lastIndexOf()：返回数组中给定元素的最后一次出现的索引。
  • includes()：检查数组是否包含特定元素并返回true或false。
  • every()：检查所有元素是否满足给定条件并返回真或错误。
  • some()：检查至少一个元素是否满足给定条件并返回真或否。
  • filter()：创建一个新数组，带有传递给定条件的元素。
  • map()：通过将函数应用于原始数组中的每个元素来创建一个新数组。
  • reduce()：通过应用从左到右的函数将数组减少到单个值。
  • reduceRight()：通过从右到左施加函数，将数组减少到单个值。

将突变方法更改为非杂音替代方案的一种简单方法是使用差异语法或slice（）首先创建副本：

arr.copyWithin(0, 1, 2); // mutates arr
const arr2 = arr.slice().copyWithin(0, 1, 2); // does not mutate arr
const arr3 = [...arr].copyWithin(0, 1, 2); // does not mutate arr

2.迭代阵列方法

迭代数组方法涉及传递回调函数并为每个数组元素顺序执行。它们允许更简洁和表现力的数组处理。

迭代阵列方法列表：

  • every()：检查数组中的所有元素是否通过给定的测试，返回布尔值。
  • filter()：创建一个新数组，其所有元素都通过给定的测试（回调函数）。
  • find()：返回满足给定测试功能的数组中第一个元素的值。
  • findIndex()：返回满足给定测试功能的数组中第一个元素的索引。
  • findLast()：返回满足给定测试功能的数组中最后一个元素的值。
  • findLastIndex()：返回满足给定测试功能的数组中最后一个元素的索引。
  • flatMap()：使用映射功能映射每个元素，然后将结果弄平到新数组中。
  • forEach()：为每个数组元素执行一次提供的功能。
  • group()：基于指定键或条件的组数组元素。
  • groupToMap()：基于指定的键或条件的图数元素将数组元素分为地图。
  • map()：创建一个新数组，其结果是在每个元素上调用提供的功能。
  • some()：检查数组中至少一个元素是否通过给定的测试，返回布尔值。
  • reduce()：将函数应用于数组的每个元素，将其简化为单个值。
  • reduceRight()：类似于redain（），但是从右到左处理数组。

3.创建新数组

可以使用基于现有的数组返回新数组的特定方法在JavaScript中创建新数组。

  • concat()：连接两个或多个阵列并返回一个新数组。
  • filter()：创建一个新数组，其所有元素都通过给定的测试（回调函数）。
  • flat()：创建一个新数组，并将所有子阵列元素递归到指定的深度。
  • flatMap()：使用映射功能映射每个元素，然后将结果弄平到新数组中。
  • map()：创建一个新数组，其结果是在每个元素上调用提供的功能。
  • slice()：根据开始和最终索引返回阵列的一部分的浅副本。
  • splice()：以特定索引添加或删除数组中的元素。
  • toReversed()：与原始数组相比，返回一个带有相反顺序元素的新数组。
  • toSorted()：根据原始数组的元素返回一个新的排序阵列。
  • toSpliced()：返回一个新数组，从原始数组中删除了指定数量的元素，从指定的索引开始。
  • with()：这不是有效的JavaScript数组方法；似乎是占位符或错字。
  • Array.from()：从类似数组或可迭代的对象中创建一个新的，浅的式数组。
  • Array.of()：从可变数量的参数创建一个新数组，无论参数的数量或类型如何。

结论

总而言之，JavaScript数组方法就像是用于使用数组的有用工具的宝库。他们提供了处理数组的各种方法，从而更容易执行不同的任务。通过了解数组方法的不同类别及其工作方式，您可以编写更好，更有效的代码。在下一节中，我们将使用示例探索每个阵列方法，以帮助您对JavaScript中的数组变得更加满意。让我们一起开始这一旅程并提高您的阵列技能！

如果您在本文中发现了任何错误或错误信息，请随时在评论中告诉我。我将非常感谢您的反馈，因为我们都在这里学习和分享知识。您的意见将有助于提高此内容的准确性和质量，以确保我们为社区中的每个人提供最有用和最可靠的信息。让我们共同努力，以增强我们的理解，并使每个人都更好地学习学习体验。谢谢您的宝贵贡献！