数组类型方法.pdf

在JavaScript中，数组是一种非常重要的数据结构，它允许我们存储和操作多个元素。本篇将深入探讨数组类型的方法，包括如何遍历、修改和操作数组。 1. `concat()`：这个方法用于创建一个新的数组，将传入的数组或值与原始数组连接在一起。例如： ```javascript let arr = ['1', '2', '3', '4']; let arr2 = ['9']; let arr3 = arr.concat(arr2); console.log(arr3); // 输出：['1', '2', '3', '4', '9'] ``` 2. `pop()`：删除数组的最后一个元素，并返回该元素的值。这会改变原数组。 ```javascript let arr = ['1', '2', '3', '4']; var a = arr.pop(); console.log(a); // 输出：4 ``` 3. `shift()`：删除数组的第一个元素，并返回该元素的值。这同样会改变原数组。 ```javascript let arr = ['1', '2', '3', '4']; var a = arr.shift(); console.log(a); // 输出：1 ``` 4. `splice()`：这个方法可以用来插入、删除或替换数组中的元素。参数包括起始位置、要删除的个数和可选的替换元素。 ```javascript let arr = ['1', '2', '3', '4']; var a3 = arr.splice(1, 1, "789"); console.log(a3); // 输出：['2'] console.log(arr); // 输出：['1', '789', '3'] ``` 5. `join()`：使用指定的分隔符将数组元素连接成一个字符串。 ```javascript let arr = ['1', '2', '3', '4']; var a5 = arr.join("-"); console.log(a5); // 输出："1-2-3-4" ``` 6. `push()`：在数组的末尾添加一个或多个元素，并返回新的数组长度。 ```javascript let arr = ['1', '2', '3', '4']; var a6 = arr.push("789"); console.log(a6); // 输出：5 console.log(arr); // 输出：['1', '2', '3', '4', '789'] ``` 7. `unshift()`：在数组的开头添加一个或多个元素，并返回新的数组长度。 ```javascript let arr = ['1', '2', '3', '4']; var a7 = arr.unshift("123"); console.log(a7); // 输出：5 console.log(arr); // 输出：['123', '1', '2', '3', '4'] ``` 8. `reverse()`：反转数组中的元素顺序，并返回被反转的数组。原数组也会被改变。 ```javascript let arr = ['1', '2', '3', '4']; var a8 = arr.reverse(); console.log(a8); // 输出：['4', '3', '2', '1'] console.log(arr); // 输出：['4', '3', '2', '1'] ``` 9. `valueOf()` 和 `toString()`：`valueOf()`返回数组本身，而`toString()`将数组转换为由逗号分隔的字符串表示。 ```javascript let arr = ['1', '2', '3', '4']; console.log(arr.valueOf()); // 输出：['1', '2', '3', '4'] console.log(arr.toString()); // 输出："1,2,3,4" ``` 10. `sort()`：根据提供的比较函数对数组元素进行排序。默认情况下，按照字典顺序排序字符串。 ```javascript let arr = ['1', '2', '3', '4']; console.log(arr.sort()); // 输出：['1', '2', '3', '4'] // 自定义比较函数，按数字排序 function sortNumber(a, b) { return a - b; } arr.sort(sortNumber); console.log(arr); // 输出：['1', '2', '3', '4'] ``` 11. `forEach()`：遍历数组，对每个元素执行一个提供的函数。 ```javascript let arr = ['10', '5', '40', '25', '1000', '1']; arr.forEach((value, index, array) => { console.log(`${index}: ${value}`); }); ``` 12. `map()`：创建一个新的数组，其中的元素是通过应用提供的函数到原始数组的每个元素上得到的结果。 ```javascript let arr = ['10', '5', '40', '25', '1000', '1']; let newArr = arr.map(Number); console.log(newArr); // 输出：[10, 5, 40, 25, 1000, 1] ``` 以上就是JavaScript中数组类型的一些常用方法，它们提供了丰富的功能，使得对数组的操作变得简单且灵活。无论是简单的数组操作还是复杂的数组处理，这些方法都能帮助我们高效地完成任务。