JavaScript数组操作详解：遍历、读写、排序与字符串处理

"JavaScript中的数组操作技巧，包括遍历、读写、排序和字符串处理" 在JavaScript中，数组是一种非常重要的数据结构，用于存储多个值。以下是一些常见的JavaScript数组操作技巧： 1. **创建数组**: - 使用数组字面量`[]`是最常见的创建数组的方式，例如`var arr = ['red', 'green', 'blue'];` - 若要创建指定长度的数组，可以使用`Array()`构造函数，如`var arr = new Array(3);`这将创建一个包含三个空位的数组。 2. **数组的遍历**: - `for`循环是最基础的遍历方式，例如`for (var i = 0; i < arr.length; i++) { ... }` - `forEach()`方法允许我们对每个元素执行函数，如`arr.forEach(function(item) { ... })` - `for...of`循环适用于遍历可迭代对象，包括数组，如`for (let item of arr) { ... }` - `map()`、`filter()`、`reduce()`等函数提供更高级的遍历和处理功能。 3. **数组的读写**: - 通过索引访问数组元素，如`arr[0]`读取第一个元素，`arr[0] = 'newValue'`进行写入。 - `push()`方法用于在数组末尾添加元素，`pop()`则移除并返回最后一个元素。 - `shift()`移除并返回第一个元素，`unshift()`在数组开头添加元素。 4. **数组的排序**: - `sort()`方法用于对数组进行原地排序，如`arr.sort()`默认按字母顺序排序，自定义比较函数可用于数值排序。 - `reverse()`反转数组元素的顺序。 5. **数组相关的字符串处理**: - `join()`方法将数组元素合并为字符串，如`arr.join(',')`用逗号分隔元素。 - `split()`方法用于将字符串分割为数组，如`var parts = str.split(separator, limit)`，`separator`是分隔符，`limit`可选，限制返回的数组长度。 6. **示例中的代码**: - 在示例中，`sourceList.querySelectorAll('li')`用于选取所有`<li>`元素。 - `data.push([])`动态创建二维数组，然后通过`splitText()`和`nodeValue`获取文本内容，使用`+`运算符将字符串转换为数字。 - 另一种方法是先赋值，再将一维数组添加到`data`，通过`split()`方法提取字符串中的城市名和数字。 这些技巧可以帮助开发者高效地操作JavaScript数组，实现各种复杂的功能。在实际开发中，应根据需求灵活运用这些方法，以提高代码的可读性和性能。