在 JavaScript 中，我们可以使用数组的 splice() 方法来删除或添加元素。然而，splice() 方法只能通过索引来操作数组，而无法通过键名来访问和操作数组。因此，如果我们想要通过键名来删除或添加数组元素，需要先将键名转换为索引。

以下是一种实现方式：

const arr = [{name: 'John'}, {name: 'Jane'}, {name: 'Doe'}];

// 创建一个以元素键名为索引和对应索引为值的映射表
const indexMap = arr.reduce((acc, val, index) => {
  acc[val.name] = index;
  return acc;
}, {});

// 将 arr[indexMap[key]] 替换为 arr[1]，1 为我们要添加或删除的元素索引
const keySplice = (arr, key, deleteCount, ...items) => {
  const index = indexMap[key];
  const args = [index, deleteCount, ...items];
  arr.splice(...args);
}

// 使用 keySplice 方法操作数组
keySplice(arr, 'Jane', 1); // 删除 {name: 'Jane'}
keySplice(arr, 'Doe', 0, {name: 'Mark'}); // 在 {name: 'Doe'} 后添加 {name: 'Mark'}

在上述示例中，我们首先创建了一个映射表将元素键名转换为索引，然后定义了一个 keySplice() 方法，该方法可以使用键名来删除或添加数组元素。最后，我们可以使用 keySplice() 方法来操作数组，而不必担心索引的变化。