• 主页

  • 投资

  • IT

    🔥
  • 设计

  • 销售

  • 共299篇

    前端 - Javascript

关闭

返回栏目

关闭

返回前端 - Javascript栏目

70 - 内置对象 - Array 对象 - 数组的创建与初始化

作者:

贺及楼

成为作者

更新日期:2025-02-21 17:26:38

前端 - Javascript 《内置对象 - Array 对象 - 数组的创建与初始化》

在 JavaScript 的世界里,数组(Array)是一种非常重要且常用的内置对象。它就像是一个超级收纳盒,可以整齐地存放各种类型的数据,无论是数字、字符串,还是其他对象,都能轻松容纳。接下来,就让我们一起探索数组的创建与初始化的奇妙之旅吧!

一、使用数组字面量创建数组

这是最常用、最简便的创建数组的方法,就像我们去超市购物,直接把想要的东西放进购物篮一样简单。只需要用方括号 [] 把元素括起来,元素之间用逗号分隔即可。

  1. // 创建一个空数组
  2. let emptyArray = [];
  3. console.log(emptyArray); // 输出: []
  4. // 创建一个包含元素的数组
  5. let fruits = ['apple', 'banana', 'cherry'];
  6. console.log(fruits); // 输出: ['apple', 'banana', 'cherry']

在上面的例子中,emptyArray 是一个空数组,而 fruits 数组则包含了三个字符串元素。

二、使用 new Array() 构造函数创建数组

这种方法就像是我们去工厂定制一个收纳盒,然后再往里面放置物品。可以通过 new Array() 构造函数来创建数组。

1. 创建空数组

  1. let emptyArray2 = new Array();
  2. console.log(emptyArray2); // 输出: []

2. 创建指定长度的数组

  1. let numbers = new Array(5);
  2. console.log(numbers); // 输出: [ <5 empty items> ]

这里创建了一个长度为 5 的数组,但数组中的元素都是空的。

3. 创建包含元素的数组

  1. let colors = new Array('red', 'green', 'blue');
  2. console.log(colors); // 输出: ['red', 'green', 'blue']

三、两种创建方式的对比

创建方式 优点 缺点
数组字面量 语法简洁,直观易懂,代码量少 无明显缺点
new Array() 构造函数 可以方便地创建指定长度的数组 语法相对复杂,当传入一个数字时,容易误解为创建包含该数字元素的数组

四、数组的初始化

数组创建好后,我们可以对其进行初始化操作。初始化就是给数组元素赋初始值。

1. 直接赋值

  1. let scores = [];
  2. scores[0] = 80;
  3. scores[1] = 90;
  4. scores[2] = 75;
  5. console.log(scores); // 输出: [80, 90, 75]

2. 使用循环初始化

  1. let squares = [];
  2. for (let i = 0; i < 5; i++) {
  3. squares[i] = i * i;
  4. }
  5. console.log(squares); // 输出: [0, 1, 4, 9, 16]

在 JavaScript 的数组世界里,创建和初始化数组就像是搭建一个属于自己的数据城堡。我们可以根据不同的需求,选择合适的创建方式和初始化方法,让数组为我们的程序服务。无论是简单的数组字面量,还是功能强大的 new Array() 构造函数,都能帮助我们轻松打造出理想的数据收纳盒。希望通过这篇文章,你能对 JavaScript 数组的创建与初始化有更深入的理解,在编程的道路上越走越远!