当前位置:网站首页 > 技术博客 > 正文

js数组操作方法



JavaScript中的数组是一种全局对象,用于在单个变量中存储多个值。

数组可以包含任何数据类型,包括字符串,数字,对象,函数,甚至其他数组。

假设您要在JavaScript代码中存储城市名称。将城市名称一一存储在变量中可能看起来像这样:

  let city1 = "New Delhi";   let city2 = "Mumbai";   let city3 = "Jaipur";

但是,如果您需要将一个国家的城市名称存储在变量中,那么这会发生的不仅仅是三个,可能会是一百个。

同时使用这么多变量并跟踪所有变量将是非常困难的任务。

数组通过提供用于在单个变量中存储多个值或一组值的有序结构来解决此问题。

有两种方法可以在JavaScript中创建数组:

让我们演示如何使用初始化的数组常量创建fruits数组[]:

声明可以跨越多行:

现在这是使用数组构造函数创建的相同数据,该数据用初始化new Array():

这两种方法都会创建一个数组。但是,字面量-隐式创建(方括号[])方法更为常见和首选,因为new Array()构造函数方法可能会出现不一致和意外的结果。

数组没有名称/值对。而是使用从0开始的整数值对它们进行索引。

这是赋值给fruits的示例数组:

  let fruits = ["Apple", "Mango", "Banana", "Orange"];

这是fruits数组中每个元素的索引方式的分解:

数组中的第一个元素是“ Apple”,索引值为0。

最后一个元素是“Orange”,索引值为3。

通过引用方括号中的元素的索引号,可以访问JavaScript数组中的元素。

JavaScript数组的索引为零:数组的第一个元素的索引为0,第二个元素的索引为1,依此类推。

尝试访问数组中不存在的元素,将返回undefined。

可以通过引用阵列名称来访问整个阵列。

我们可以使用该length属性找出数组中有多少个元素。

最后一个元素的索引等于数组的length属性值减去1。

此示例使用length属性显示最后一个元素的值:

在fruits变量中,我们有四个元素,其中包括从0到3的索引。如果要向数组添加新元素,可以为下一个索引分配值。

如果我们添加一个元素并意外地跳过一个索引,它将在数组中创建值为空('')的元素。

使用push()方法可以避免类似的问题,该方法将一个元素添加到数组的末尾。

也可以使用length属性将新元素添加到数组。

通过使用赋值运算符分配新值,我们可以覆盖数组中的任何值。

数组通常用于将相似数据类型的列表组合在一起,但是从技术上讲,它们可以包含任何值或值的混合。

我们可以利用for和length属性来循环遍历整个数组。

在此示例中,我们创建一个水果数组,并将每个索引号以及每个值打印到文档中:

我们还可以使用以下Array.forEach()方法:

我们还可以使用for...of循环来遍历js数组,这是JavaScript的新功能:

for...of循环不检索数组中元素的索引号,但它通常是一种更简单、更简洁的遍历数组的方法。

多维数组是包含一个或多个数组的数组。

  let points = [    [35, 28, 29, 31],    [33, 24, 25, 29]   ];

JavaScript可以理解深度为2、3、4、5或更多级别的多维数组。但是,对于大多数人而言,难以管理超过三个级别的阵列。

数组的维数指示选择元素所需的索引数:

二维数组可以看作是一个表,其中第一个[ ]是行,第二个[ ]是列。

在此示例中,我们创建一个二维数组,并将每个索引号以及每个值打印到文档中:

当然,您也可以使用length属性获取行和列的大小:

大多数情况下,2维数组就足够了,尽管有些地方可以使用3维数组。

在JavaScript中,数组是一种特殊的对象。

typeofJavaScript中的运算符为数组返回“Object”。

无需使用数组构造函数new Array()。

相反,应该尽量使用隐式创建的方式创建数组,也就是,直接使用方括号[]方法,这种方法更常见,也更受欢迎。

以下两个不同的语句创建一个名为scores的新的空数组:

  let scores = new Array();  // 不建议这种方法   let scores = [];     // 推荐方式

以下两个不同的语句创建一个包含5个数字的新数组:

new Array()构造方法可能有不一致之处,也可以产生一些意想不到的结果:

如您所知,JavaScript typeof运算符为数组返回“Object”。

一个常见的问题是:如何知道变量是否为数组?

为了解决此问题,ECMAScript 5定义了一种新方法Array.isArray():

如果对象是由给定的构造函数创建的,那么还可以使用instanceof操作符返回true:

在下面的示例中,我们将数组传递给函数:

在下面的示例中,我们将从函数返回一个数组:

版权声明


相关文章:

  • vivoy77手机多少钱2024-12-23 17:30:02
  • systemC语言2024-12-23 17:30:02
  • oauth2.0+jwt2024-12-23 17:30:02
  • 内连接查询sql语句2024-12-23 17:30:02
  • rsa加密算法其密钥长度需符合的最低安全要求是多少2024-12-23 17:30:02
  • jdk环境变量如何配置?有没有遇到坑?2024-12-23 17:30:02
  • ce认证公告机构查询2024-12-23 17:30:02
  • 灰度发布的目标2024-12-23 17:30:02
  • 开窗函数 rows between2024-12-23 17:30:02
  • py pop函数2024-12-23 17:30:02