JavaScript数据类型与数组的全面探索

前端

2023-10-23 16:14:42

JavaScript 数据类型

JavaScript的数据类型分为两大类：基本数据类型和引用数据类型。基本数据类型包括：

布尔值（Boolean）：true 或 false。
数字（Number）：整数和小数。
字符串（String）：文本或字符序列。
未定义（Undefined）：变量尚未赋值或函数未返回任何值。
空值（Null）：代表空值或不存在的值。

引用数据类型包括：

对象（Object）：存储键值对的数据结构。
数组（Array）：存储有序元素的数据结构。
函数（Function）：存储代码块并可在需要时执行的结构。
日期（Date）：存储日期和时间信息的对象。
正则表达式（RegExp）：存储搜索模式的对象。

2. 数组：Array

数组是JavaScript中存储有序元素的数据结构，数组中的每个元素都有自己的索引，从0开始。数组的操作主要包括：

创建数组：let array = [1, 2, 3]。
访问数组元素：array[0]。
修改数组元素：array[0] = 4。
添加数组元素：array.push(5)。
删除数组元素：array.pop()。
获取数组长度：array.length。
遍历数组：for (let i = 0; i < array.length; i++) {}。

3. 数组方法

JavaScript中提供了许多数组方法，这些方法可以帮助我们轻松操作数组。常用的数组方法包括：

栈方法：
- push()：在数组末尾添加元素。
- pop：从数组末尾删除元素。
- unshift：在数组开头添加元素。
- shift：从数组开头删除元素。
队列方法：
- enqueue()：在数组末尾添加元素。
- dequeue()：从数组开头删除元素。
其他数组方法：
- concat()：合并两个数组。
- join()：将数组中的元素连接成字符串。
- slice()：从数组中提取子数组。
- sort()：对数组进行排序。
- reverse()：反转数组中的元素。
- find()：找到数组中第一个满足条件的元素。
- filter()：找到数组中所有满足条件的元素。

4. JavaScript操作数组示例

// 创建一个数组
let array = [1, 2, 3, 4, 5];

// 访问数组元素
console.log(array[0]); // 输出：1

// 修改数组元素
array[0] = 6;

// 添加数组元素
array.push(6);

// 删除数组元素
array.pop();

// 获取数组长度
console.log(array.length); // 输出：4

// 遍历数组
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

// 使用数组方法
let result = array.filter((item) => item > 3);
console.log(result); // 输出：[4, 5, 6]