JavaScript数组所有方法集合
发布人:shili8
发布时间:2025-02-06 18:20
阅读次数:0
**JavaScript 数组方法集合**
JavaScript 提供了丰富的 API 来操作数组,以下是 JavaScript 数组所有方法的集合。
###1. Array.prototype.concat()
* **功能描述**: 将一个或多个数组合并为一个新数组。
* **参数**: `[value1, value2, ...]` 或 `array1, array2, ...`
* **返回值**: 新数组* **示例代码**:
javascriptconst arr1 = [1,2,3]; const arr2 = [4,5,6]; console.log(arr1.concat(arr2)); // [1,2,3,4,5,6]
###2. Array.prototype.push()
* **功能描述**: 将一个或多个元素添加到数组的末尾。
* **参数**: `value1, value2, ...`
* **返回值**: 新数组长度* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.push(4)); //4console.log(arr); // [1,2,3,4]
###3. Array.prototype.pop()
* **功能描述**: 移除数组的最后一个元素。
* **参数**: 无* **返回值**: 被移除的元素* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.pop()); //3console.log(arr); // [1,2]
###4. Array.prototype.shift()
* **功能描述**: 移除数组的第一个元素。
* **参数**: 无* **返回值**: 被移除的元素* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.shift()); //1console.log(arr); // [2,3]
###5. Array.prototype.unshift()
* **功能描述**: 将一个或多个元素添加到数组的开头。
* **参数**: `value1, value2, ...`
* **返回值**: 新数组长度* **示例代码**:
javascriptconst arr = [2,3]; console.log(arr.unshift(1)); //3console.log(arr); // [1,2,3]
###6. Array.prototype.slice()
* **功能描述**: 从数组中提取一个部分。
* **参数**: `[start, end]`
* **返回值**: 新数组* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.slice(0,2)); // [1,2]
###7. Array.prototype.splice()
* **功能描述**: 在数组中插入或删除元素。
* **参数**: `[start, deleteCount, item1, item2, ...]`
* **返回值**: 被移除的元素* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.splice(0,1)); // [1] console.log(arr); // [2,3]
###8. Array.prototype.reverse()
* **功能描述**: 反转数组中的元素。
* **参数**: 无* **返回值**: 原数组* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.reverse()); // [3,2,1]
###9. Array.prototype.sort()
* **功能描述**: 对数组中的元素进行排序。
* **参数**: `[compareFunction]`
* **返回值**: 原数组* **示例代码**:
javascriptconst arr = [3,2,1]; console.log(arr.sort()); // [1,2,3]
###10. Array.prototype.forEach()
* **功能描述**: 对数组中的每个元素执行一个函数。
* **参数**: `[callbackFunction]`
* **返回值**: 无* **示例代码**:
javascriptconst arr = [1,2,3]; arr.forEach((item) => { console.log(item); //1,2,3});
###11. Array.prototype.map()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回一个新数组。
* **参数**: `[callbackFunction]`
* **返回值**: 新数组* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.map((item) => item *2)); // [2,4,6]
###12. Array.prototype.filter()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回一个新数组。
* **参数**: `[callbackFunction]`
* **返回值**: 新数组* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.filter((item) => item >1)); // [2,3]
###13. Array.prototype.reduce()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回一个最终值。
* **参数**: `[callbackFunction]`
* **返回值**: 最终值* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.reduce((a, b) => a + b)); //6
###14. Array.prototype.every()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回一个布尔值。
* **参数**: `[callbackFunction]`
* **返回值**: 布尔值* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.every((item) => item >0)); // true
###15. Array.prototype.some()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回一个布尔值。
* **参数**: `[callbackFunction]`
* **返回值**: 布尔值* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.some((item) => item >2)); // true
###16. Array.prototype.find()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回第一个匹配的值。
* **参数**: `[callbackFunction]`
* **返回值**: 匹配的值或 undefined* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.find((item) => item >2)); //3
###17. Array.prototype.findIndex()
* **功能描述**: 对数组中的每个元素执行一个函数,并返回第一个匹配的索引。
* **参数**: `[callbackFunction]`
* **返回值**: 匹配的索引或 -1* **示例代码**:
javascriptconst arr = [1,2,3]; console.log(arr.findIndex((item) => item >2)); //2
以上就是 JavaScript 数组所有方法的集合。这些方法可以帮助你对数组进行各种操作,包括合并、插入、删除、排序等。