【JavaScript】数组 ① ( JavaScript 数组概念 | 数组创建 | 使用 new 关键字创建数组

【JavaScript】数组 ① ( JavaScript 数组概念 | 数组创建 | 使用 new 关键字创建数组 | 使用数组字面量创建数组 )

本文主要是介绍【JavaScript】数组 ① ( JavaScript 数组概念 | 数组创建 | 使用 new 关键字创建数组 | 使用数组字面量创建数组 )，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文章目录

一、JavaScript 数组概念
二、数组创建
- 1、使用 new 关键字创建数组
- 2、使用数组字面量创建数组

一、JavaScript 数组概念

在 JavaScript 中提供了一种特殊的对象 " 数组 " ,

" 数组 " 对象可以在一个 " 连续的内存空间 " 中 " 存储多个值 " ;

数组中存储的数据值可以是任何类型 , 包括

数字类型 number
字符串类型 string
对象类型 object
布尔类型 boolean
空类型 null
未定义类型 undefined
数组类型 array : 数组中存储数组 , 就变成了二维数组 ;

JavaScript 中的数组使用起来很灵活 , 数组的大小可以动态改变 ;

二、数组创建

1、使用 new 关键字创建数组

使用 new 关键字创建数组 :

创建空数组 : 使用 new 关键字和 Array 的构造函数创建一个空数组 ;

let array1 = new Array();

创建指定个数的数组 : 使用 new 关键字和 Array 的构造函数创建一个具有指定长度的数组 , 在构造函数中传入数组的个数 , 数组的内容是空的 , 但是有指定的长度 ;

let array2 = new Array(5);

创建数组并初始化 : 使用 new 关键字和 Array 构造函数创建数组 , 并同时进行初始化 , 在构造函数中传入要初始化的元素 ;

let array3 = new Array(1, 2, 3, 4, 5);

完整代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 1. 创建空数组let array1 = new Array();// 2. 创建一个具有指定长度的数组 let array2 = new Array(5);// 3. 创建数组并初始化let array3 = new Array(1, 2, 3, 4, 5);// 4. 输出 数组  console.log(array1); // 输出: []  console.log(array2); // 输出: (5)[ empty x 5 ]  console.log(array3); // 输出: (5)[ 1, 2, 3, 4, 5 ]</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

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

数组字面量就是在中括号中写上数据值 , 数据值之间使用逗号隔开 ;

[] 表示空数组值 ;
[1, 2, 3] 表示有 3 个 number 类型数据的数组值 ;
['Tom', 'Jerry'] 表示有 2 个 String 类型数据的数组值 ;

使用数组字面量创建数组 :

创建空数组 : 使用中括号 [] 可以直接创建一个空数组 ;

let emptyArray = [];

创建包含若干相同类型元素的数组 : 下面的数组字面量中存储的是相同类型的元素 ;

// 创建一个包含数字的数组  
let numbersArray = [1, 2, 3, 4, 5];  // 创建一个包含字符串的数组  
let stringsArray = ['apple', 'banana', 'cherry'];

创建包含若干不同类型元素的数组 : 下面的数组中存储的元素类型不同 ;

// 创建一个包含不同类型的元素的数组  
let mixedArray = [3, false , 'Tom', undefined, null, { name: 'Jerry' }];

完整代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 使用 数组字面量 创建数组// 1. 创建空数组  let emptyArray = [];// 2. 创建包含若干相同类型元素的数组//    创建一个包含数字的数组 let numbersArray = [1, 2, 3, 4, 5];//    创建一个包含字符串的数组  let stringsArray = ['apple', 'banana', 'cherry'];// 3. 创建包含若干不同类型元素的数组 let mixedArray = [10, 'hello', true, null, undefined, {name: 'object'}];// 4. 输出上述数组  console.log(emptyArray); console.log(numbersArray);console.log(stringsArray);console.log(mixedArray);</script>
</head><body>
</body></html>