🙂博主：小猫娃来啦
🙂文章核心：深入剖析 JavaScript 数组和字符串的各种操作技巧
近日总结了一下js数组和字符串相关操作方法，今天输出一篇博客，进行前端有关数组字符串相关操作方法的汇总，以后如果能用上，就当字典一样来查询方法即可。本篇博客简单粗暴，直接提供语法相关例子。
参考文献：MDN官网
文章目录
数组方法
push()方法
向数组的末尾添加一个或多个新元素，并返回修改后数组的新长度。
语法：
arr.push(element1, element2, ..., elementN)
参数：
- element1, element2, …, elementN：要添加到数组末尾的元素。
返回值：
- 修改后数组的新长度。
例子：
var fruits = ['apple', 'banana', 'orange']; console.log(fruits); // 输出：['apple', 'banana', 'orange'] fruits.push('grape'); console.log(fruits); // 输出：['apple', 'banana', 'orange', 'grape'] fruits.push('kiwi', 'pineapple'); console.log(fruits); // 输出：['apple', 'banana', 'orange', 'grape', 'kiwi', 'pineapple']
unshift()方法
向数组的开头添加一个或多个新元素，并返回修改后数组的新长度
语法：
arr.unshift(element1, element2, ..., elementN)
参数：
- element1, element2, …, elementN：要添加到数组开头的元素。
返回值：
- 修改后数组的新长度。
例子：
var fruits = ['apple', 'banana', 'orange']; console.log(fruits); // 输出：['apple', 'banana', 'orange'] fruits.unshift('grape'); console.log(fruits); // 输出：['grape', 'apple', 'banana', 'orange'] fruits.unshift('kiwi', 'pineapple'); console.log(fruits); // 输出：['kiwi', 'pineapple', 'grape', 'apple', 'banana', 'orange']
shift()方法
删除数组的第一个元素，并返回被删除的元素
语法：
arr.shift()
参数：无
返回值：被删除的元素。
例子：
var fruits = ['apple', 'banana', 'orange']; console.log(fruits); // 输出：['apple', 'banana', 'orange'] var shiftedElement = fruits.shift(); console.log(shiftedElement); // 输出：'apple' console.log(fruits); // 输出：['banana', 'orange']
pop()方法
删除数组的最后一个元素，并返回被删除的元素
语法：
arr.pop()
参数：无
返回值：被删除的元素。
例子：
var fruits = ['apple', 'banana', 'orange']; console.log(fruits); // 输出：['apple', 'banana', 'orange'] var poppedElement = fruits.pop(); console.log(poppedElement); // 输出：'orange' console.log(fruits); // 输出：['apple', 'banana']
reverse()方法
颠倒数组元素的顺序，即将数组中的第一个元素变为最后一个元素，将最后一个元素变为第一个元素，以此类推。
语法：
arr.reverse()
参数：无
返回值：颠倒顺序后的数组。
例子：
var fruits = ['apple', 'banana', 'orange']; console.log(fruits); // 输出：['apple', 'banana', 'orange'] var reversedArray = fruits.reverse(); console.log(reversedArray); // 输出：['orange', 'banana', 'apple'] console.log(fruits); // 输出：['orange', 'banana', 'apple']（原数组也被修改）
sort()方法
对数组元素进行排序。默认情况下，它按照字符串的 Unicode 编码顺序进行排序。
语法：
arr.sort()
参数：无
返回值：排序后的数组。
例子：
var fruits = ['banana', 'apple', 'orange']; console.log(fruits); // 输出：['banana', 'apple', 'orange'] var sortedArray = fruits.sort(); console.log(sortedArray); // 输出：['apple', 'banana', 'orange'] console.log(fruits); // 输出：['apple', 'banana', 'orange']（原数组也被修改）
splice()方法
在数组中添加或删除元素，并返回被删除的元素。
语法：
array.splice(startIndex, deleteCount, item1, item2, ...)
参数：
- tartIndex：指定要进行修改的起始位置的索引。
- deleteCount：可选参数，指定要删除的元素的数量。如果设置为0，则不删除任何元素。
- item1, item2, …：可选参数，表示要添加到数组的新元素。可以添加任意数量的元素。
返回值：包含被删除元素的新数组。
例子：
var arr = [1, 2, 3, 4, 5]; var deletedItems = arr.splice(1, 2, 6, 7); console.log(arr); // 输出：[1, 6, 7, 4, 5] console.log(deletedItems); // 输出：[2, 3]
需要注意，splice()方法会改变原始数组。它会删除指定位置范围内的元素，并将新元素插入到相应的位置。如果不设置deleteCount参数，则删除从startIndex到数组末尾的所有元素。如果设置deleteCount为0，则不删除任何元素，只进行插入操作。splice()方法还会返回一个由被删除元素组成的新数组，可以根据需要将其赋值给一个变量。当没有删除任何元素时，返回的是一个空数组。
forEach()方法
对数组中的每个元素执行指定的操作。
语法：
arr.forEach(callback[, thisArg])
参数：
- callback：一个函数，用于对数组的每个元素执行的操作。callback函数可以接受三个参数：当前元素的值、当前元素的索引和正在遍历的数组。
- thisArg（可选）：在执行回调函数时使用的this值。
返回值：undefined
例子：
var numbers = [1, 2, 3, 4, 5]; numbers.forEach(function(element, index, array) { console.log('Element:', element); console.log('Index:', index); console.log('Array:', array); });
需要注意，forEach（）方法会对数组每一个元素实行一次callback方法，最终输出结果如下：
Element: 1 Index: 0 Array: [1, 2, 3, 4, 5] Element: 2 Index: 1 Array: [1, 2, 3, 4, 5] Element: 3 Index: 2 Array: [1, 2, 3, 4, 5] Element: 4 Index: 3 Array: [1, 2, 3, 4, 5] Element: 5 Index: 4 Array: [1, 2, 3, 4, 5]
在每次迭代中，回调函数都会接收当前元素的值、索引和数组本身作为参数，并执行指定的操作。可以根据需要在回调函数中进行相关的处理逻辑。注意，forEach()方法在遍历数组时是按照元素顺序依次执行的，且没有返回值。
