JavaScript数组操作：遍历、读写与排序

"这篇资源主要介绍了JavaScript中关于数组的一些常用操作技巧，包括创建数组、遍历、读写、排序以及与数组相关的字符串处理。通过示例代码和具体操作，帮助读者掌握JavaScript数组的灵活运用。" 在JavaScript中，数组是一种非常重要的数据结构，用于存储一组有序的数据。本资源详细讲解了在JavaScript中处理数组的各种技巧： 1. **创建数组**： - **数组字面量** 是最常用的创建数组的方式，如 `var arr = [];` 或 `var arr = ['red', 'green', 'blue'];`。 - 如果需要创建指定长度的数组，可以使用 `Array(length)`，如 `var arr = new Array(3);`。 - 避免使用 `new Object()` 创建数组，因为这不是标准的数组创建方式。 2. **使用 `push()` 动态创建二维数组**： - 在给定的例子中，通过遍历HTML元素并获取特定内容，动态构建了一个二维数组。例如，从 `<li>` 元素中提取城市名和空气质量数据，然后使用 `push()` 方法将它们添加到数据数组中。 3. **数组遍历**： - JavaScript提供了多种遍历数组的方法，如 `for` 循环、`forEach()`、`map()`、`filter()`、`reduce()` 等。 - 示例中使用了 `for` 循环来遍历 `li` 元素，并在循环中处理数据。 4. **数组的读写操作**： - 通过索引可以直接访问数组元素，如 `arr[index]`。 - 可以使用 `push()`、`pop()`、`shift()`、`unshift()` 等方法来修改数组的末尾或开头。 - `splice()` 方法可以插入、删除或替换数组的元素。 5. **数组排序**： - 使用 `sort()` 方法可以对数组进行排序，但默认是按照字符串字典顺序，对于数字需要提供比较函数，如 `arr.sort(function(a, b){return a - b})`。 6. **字符串处理与数组结合**： - `split()` 方法用于将字符串分割成数组，如 `var parts = str.split(separator)`。 - 在例子中，`li.innerHTML.split("空气质量：")` 将字符串根据指定分隔符切割，以便提取所需部分。 7. **其他字符串函数**： - `indexOf()` 和 `lastIndexOf()` 用于查找子字符串在字符串中的位置。 - `substring()` 和 `slice()` 可以截取字符串的一部分。 - `trim()` 去除字符串两端的空白字符。 - `toUpperCase()` 和 `toLowerCase()` 转换字符串为全大写或全小写。 这些技巧对于JavaScript开发者来说至关重要，熟练掌握它们能提高代码的效率和可维护性。在实际开发中，根据具体需求选择合适的方法和技巧，可以使数组操作更加得心应手。