JavaScript 数组操作方法总结：ES6 Array.of()与Array.from()

"这篇文档是关于JavaScript中数组方法的总结，包括ES6引入的新方法和传统的ES5方法。主要介绍了Array.of()、Array.from()以及可以改变原数组的9个方法，如pop()、shift()、push()、unshift()等。" 在JavaScript中，数组是一种常用的数据结构，用于存储一系列的值。这篇文档总结了数组相关的操作方法，分为两类：不改变原数组的方法和改变原数组的方法。 1. **ES6新增方法** - **Array.of()**：这个方法用于创建一个新数组，其元素为传入的所有参数。如果没有任何参数，它会返回一个空数组。例如，`Array.of(2,4,6,8)` 返回 `[2,4,6,8]`。 - **Array.from()**：此方法将类数组对象或可迭代对象转换为真正的数组。类数组对象是指拥有length属性和索引属性的对象。它可以接受一个映射函数作为第二个参数，用于对转换后的数组元素进行处理。例如，`Array.from({0: "张三", 1: 20, length: 2})` 返回 `['张三', 20]`，而 `Array.from(obj, (item) => item + "a")` 返回 `['张三a', '20a']`。 2. **改变原数组的9个方法** - **pop()**：这个方法会删除并返回数组的最后一个元素，数组长度减一。例如，`[1,2,3].pop()` 返回 `[1,2]`。 - **shift()**：它删除并返回数组的第一个元素，数组长度减一。例如，`[2,3].shift()` 返回 `[3]`。 - **push()**：在数组末尾添加一个或多个元素，并返回新的数组长度。例如，`[1,2,3].push(4)` 返回 `[1,2,3,4]`，连续添加多个元素 `push(4,5,"a")` 后，数组变为 `[1,2,3,4,5,'a']`，`push()` 返回的 `len` 为 `6`。 - **unshift()**：在数组开头添加一个或多个元素，并返回新的数组长度。与 `push()` 相反，它作用于数组的开头。例如，`[2,3].unshift(1)` 返回 `[1,2,3]`。 其他方法包括： - **reverse()**：反转数组元素的顺序。 - **splice()**：插入、删除或替换数组的元素，它可以改变原数组。 - **sort()**：根据提供的比较函数对数组元素进行排序。 - **copyWithin()**：在数组内部复制一段元素，可以改变原数组。 - **fill()**：用一个固定值填充数组的一部分，也可以改变原数组。 这些方法提供了对数组的强大操作能力，使得在JavaScript中处理数组数据变得更加灵活和方便。在实际开发中，理解并熟练运用这些方法可以极大地提高代码的效率和可读性。