JavaScript 数组操作的例题

2024/9/5

var arrTemp = [1,2,3];
arrTemp.shift();
arrTemp.push(1);
arrTemp.unshift(2);
var arrNew = arrTemp.concat([1,2]);
console.log(arrNew);

• 移除第一个元素：shift()
  数组变为：arrTemp = [2, 3]
• 在数组末尾添加元素：push()
  数组变为：arrTemp = [2, 3, 1]
• 在数组开头添加元素：unshift()
  数组变为：arrTemp = [2, 2, 3, 1]
• 合并数组：concat()，该 方法用于合并两个或多个数组，它不会改变原数组，而是返回一个新数组。这里，我们将 [1, 2] 拼接到 arrTemp 的末尾，得到新的数组 arrNew
  arrNew = [2, 2, 3, 1, 1, 2]

总结

• 修改原数组的方法：copyWithin、fill、pop、push、reverse、shift、unshift、sort、splice。

• 不修改原数组的方法：concat、slice
  copyWithin(target, start, end)

1. copyWithin(target, start, end) 用数组中的一部分替换数组中的另一部分，修改的是原数组

arr.copyWithin(target, start, end);

• target: 开始替换的目标索引（必填）
• start: 开始复制的索引（默认值为 0）
• end: 结束复制的索引（默认值为数组长度）

 let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3); // 将 [4, 5] 复制到索引 0
console.log(arr); // [4, 5, 3, 4, 5]

2. fill(value, start, end) 使用指定的值填充数组的一部分，会改变数组的内容

let arr = [1, 2, 3, 4, 5];
arr.fill(0, 1, 3); // 从索引 1 到 3 之间用 0 替换
console.log(arr); // [1, 0, 0, 4, 5]

3. pop() 移除数组的最后一个元素，并返回该元素。会修改原数组长度

let arr = [1, 2, 3];
arr.pop(); // 移除 3
console.log(arr); // [1, 2]

4. push(…elements) ，向数组末尾添加一个或多个元素，返回新数组的长度。修改原数组

let arr = [1, 2];
arr.push(3); // 在末尾添加 3
console.log(arr); // [1, 2, 3]

5. reverse() 将数组中的元素顺序颠倒，修改原数组

let arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1]

6. shift() 移除数组的第一个元素，并返回该元素，修改数组的长度

let arr = [1, 2, 3];
arr.shift(); // 移除 1
console.log(arr); // [2, 3]

7. unshift(…elements) 向数组开头添加一个或多个元素，返回新数组的长度。修改数组内容

let arr = [1, 2];
arr.unshift(0); // 在开头添加 0
console.log(arr); // [0, 1, 2]

8. sort(compareFunction) 对数组中的元素进行排序，默认按字符串顺序排序，修改原数组

let arr = [3, 1, 4, 2];
arr.sort(); // 默认按字符串顺序
console.log(arr); // [1, 2, 3, 4]

9. splice(start, deleteCount, …items) 从数组中添加、删除或替换元素，直接修改数组内容

let arr = [1, 2, 3, 4];
arr.splice(1, 2, 'a', 'b'); // 删除两个元素，并插入 'a', 'b'
console.log(arr); // [1, 'a', 'b', 4]

10. concat(…arrays) 将一个或多个数组合并，返回一个新的数组，而不修改原数组

let arr = [1, 2];
let newArr = arr.concat([3, 4]);
console.log(newArr); // [1, 2, 3, 4]
console.log(arr); // [1, 2]

11. slice(start, end) 返回数组的一部分，提取的部分不会改变原数组

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // 提取从索引 1 到 3 的元素
console.log(newArr); // [2, 3]
console.log(arr); // [1, 2, 3, 4]