数组元素精准替换：告别笨拙，拥抱高效！

2023-02-25 22:50:20

掌控数组元素替换，findIndex 和 splice 携手出击

数组是编程世界中的中流砥柱，它们能够整齐有序地排列数据。但是，当我们需要修改数组中的某个元素时，传统的遍历方法就像一把钝刀，既笨拙又低效。为了解决这一难题，JavaScript 推出了两大法宝：findIndex 和 splice，它们将助你快速而精准地替换数组元素。

1. findIndex：精准定位目标元素

想象一下，你正在寻找一个失踪的孩子，手上只有一张模糊的照片。findIndex 就如同一位神探，根据你提供的线索，迅速找到孩子。它的语法非常简单：

findIndex(function(element, index, array) {
  // 返回一个布尔值，指示是否找到满足条件的元素
});

通过传递一个回调函数作为参数，你可以指定查找条件。该函数会逐个检查数组中的元素，如果某个元素满足条件，就返回 true，否则返回 false。就像神探拿着照片挨个比对，直到找到失踪的孩子。

2. splice：精准替换指定元素

找到了目标元素的藏身之处，现在是时候采取行动了。splice 就如同一位外科医生，精准地切除目标元素并植入新的元素。它的语法也很简洁：

splice(start, deleteCount, ...items);

start：要开始替换的索引位置，就像外科医生划下手术刀的起点。
deleteCount：要删除的元素数量，就像外科医生切除的病变组织。
items：要插入的新元素，就像外科医生植入的健康组织。

需要注意的是，如果 deleteCount 为 0，splice 不会删除任何元素，只会在 start 位置插入新的元素。就像外科医生只进行组织移植，不涉及病灶切除。

3. 实战演练：一场数组元素替换之旅

为了加深理解，我们来进行一场实战演练。假设我们有一个数组 arr，其中包含以下元素：

arr = [160, 20, 179, 10, -170, -20];

我们的目标是将 [179, 10] 替换为 [-178.16883, 13.27614]。

// 查找目标元素的索引
const index = arr.findIndex((element, index, array) => {
  return element === 179 && array[index + 1] === 10;
});

// 如果找到目标元素，则进行替换
if (index !== -1) {
  arr.splice(index, 2, -178.16883, 13.27614);
}

console.log(arr);