js 改变原数组的方法

在 JavaScript 中,我们经常会遇到需要对数组进行操作的情况。有时候我们需要改变原数组的内容,而不是创建一个新的数组。在本文中,我们将讨论一些常用的方法,来改变原数组的内容。
1. 修改数组元素
我们可以通过索引来修改数组中的元素。例如,我们有一个数组arr,现在我们想修改第一个元素为'hello':
let arr = ['apple', 'banana', 'cherry'];
arr[0] = 'hello';
console.log(arr); // Output: ['hello', 'banana', 'cherry']
在上面的示例中,我们通过索引0来修改数组中的第一个元素。
2. 添加元素到数组末尾
如果我们想向数组的末尾添加一个元素,可以使用push()方法。例如,我们有一个数组arr,现在我们想要添加一个元素'orange'到末尾:
let arr = ['apple', 'banana', 'cherry'];
arr.push('orange');
console.log(arr); // Output: ['apple', 'banana', 'cherry', 'orange']
push()方法会修改原数组,在末尾添加新元素。
3. 删除数组末尾的元素
如果我们想删除数组中的最后一个元素,可以使用pop()方法。例如,我们有一个数组arr,现在我们想删除最后一个元素:
let arr = ['apple', 'banana', 'cherry'];
arr.pop();
console.log(arr); // Output: ['apple', 'banana']
pop()方法会修改原数组,删除最后一个元素。
4. 在数组开头添加元素
如果我们想在数组的开头添加一个元素,可以使用unshift()方法。例如,我们有一个数组arr,现在我们想在开头添加一个元素'lemon':
let arr = ['apple', 'banana', 'cherry'];
arr.unshift('lemon');
console.log(arr); // Output: ['lemon', 'apple', 'banana', 'cherry']
unshift()方法会修改原数组,在开头添加新元素。
5. 删除数组开头的元素
如果我们想删除数组中的第一个元素,可以使用shift()方法。例如,我们有一个数组arr,现在我们想删除第一个元素:
let arr = ['apple', 'banana', 'cherry'];
arr.shift();
console.log(arr); // Output: ['banana', 'cherry']
shift()方法会修改原数组,删除第一个元素。
6. 替换数组的一部分
如果我们想替换数组中的一部分元素,可以使用splice()方法。该方法可以删除现有元素,添加新元素,或是同时进行这两种操作。例如,我们有一个数组arr,现在我们想替换第二个元素为'grape':
let arr = ['apple', 'banana', 'cherry'];
arr.splice(1, 1, 'grape');
console.log(arr); // Output: ['apple', 'grape', 'cherry']
在上面的示例中,我们使用splice(1, 1, 'grape')来替换数组中索引为1的元素为'grape'。
7. 反转数组
如果我们想反转数组中的元素顺序,可以使用reverse()方法。例如,我们有一个数组arr,现在我们想反转数组中的元素:
let arr = ['apple', 'banana', 'cherry'];
arr.reverse();
console.log(arr); // Output: ['cherry', 'banana', 'apple']
reverse()方法会修改原数组,将数组中的元素进行反转。
8. 排序数组
如果我们想对数组中的元素进行排序,可以使用sort()方法。例如,我们有一个数组arr,现在我们想对数组中的元素进行排序:
let arr = [40, 100, 1, 5, 25, 10];
arr.sort();
console.log(arr); // Output: [1, 10, 100, 25, 40, 5]
在上面的示例中,sort()方法默认会将数组中的元素按照字符串排序。如果想要按照数字大小进行排序,可以自定义比较函数:
let arr = [40, 100, 1, 5, 25, 10];
arr.sort((a, b) => a - b);
console.log(arr); // Output: [1, 5, 10, 25, 40, 100]
通过传入比较函数(a, b) => a - b,我们可以按照数字大小对数组进行排序。
结论
本文介绍了一些常用的方法,来改变原数组的内容。通过这些方法,我们可以方便地对数组进行操作,而不用创建新的数组。请根据具体需求选择合适的方法来修改数组。
极客笔记