在 JavaScript 中 提供了一种 特殊的对象 " 数组 " ,
" 数组 " 对象 可以 在一个 " 连续的内存空间 " 中 " 存储多个值 " ;
数组 中 存储的 数据值 可以是 任何类型 , 包括
JavaScript 中的 数组 使用起来 很灵活 , 数组的大小可以 动态改变 ;
使用 new 关键字创建数组 :
let array1 = new Array();
let array2 = new Array(5);
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>
执行结果 :
数组 字面量 就是 在 中括号 中 写上 数据值 , 数据值之间使用 逗号 隔开 ;
[]
表示 空数组值 ;[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>
执行结果 :