嘿，作为前端新手能自己动手尝试写代码已经超棒啦！咱们一步步拆解你的问题，把它搞定～

首先，先说说怎么正确获取数组的中间索引：
数组的长度可能是奇数也可能是偶数，所以得考虑通用的计算方式：

• 如果数组长度是奇数（比如长度5），中间索引就是 Math.floor(5/2) = 2（数组索引从0开始，第3个元素就是中间）
• 如果是偶数（比如长度4），你可以选择取中间偏左或偏右的元素：用Math.floor(globalArray.length / 2)会取偏右的中间索引，用Math.floor((globalArray.length - 1)/2)会取偏左的中间索引，按需选择就行。

然后看看你代码里的几个小问题：

1. splice用法错误：splice的第一个参数是要操作的元素索引，不是元素本身。你传了globalArray[globalArray.length / 2 - 1]这个元素，会导致执行出错。而且你的需求是清空整个数组，不是只删除中间元素，直接重置数组为空就好啦。
2. 缺少空数组判断：如果数组是空的，globalArray[xxx]会得到undefined，访问undefined.key会直接报错，一定要先判断数组长度大于0再操作。
3. innerHTML的安全性：如果你的内容来自用户输入，用innerHTML可能有XSS风险，更推荐用textContent来设置纯文本内容。

接下来是修正后的完整代码，我给你加了详细注释：

// 假设你的全局数组已经声明，比如：let globalArray = [];
const ulList = document.querySelector("ul"); 

// 先判断数组不为空，避免报错
if (globalArray.length > 0) {
  // 计算中间索引：适配奇偶长度的数组，这里取偏右的中间元素
  const middleIndex = Math.floor(globalArray.length / 2);
  // 获取数组的中间元素
  const middleItem = globalArray[middleIndex];
  
  // 创建li元素并设置内容
  const liElement = document.createElement("li");
  // 用textContent更安全，适合纯文本内容
  liElement.textContent = `${middleItem.key} ${middleItem.manufacturer} ${middleItem.model}`;
  
  // 把li添加到ul列表里
  ulList.appendChild(liElement);
  
  // 清空全局数组：两种方式可选
  // 方式1：直接重置为空数组（数组为let声明时用）
  globalArray = [];
  // 方式2：如果数组是const声明的，用splice删除所有元素
  // globalArray.splice(0);
}

如果你的需求是偶数长度时取左边的中间元素（比如长度4时取索引1），只需要把中间索引改成Math.floor((globalArray.length - 1)/2)就可以啦。

这个代码完全能覆盖你的需求：新增对象到全局数组 → 计算中间索引 → 取中间元素添加到页面列表 → 清空数组，放心用就好～

内容的提问来源于stack exchange，提问作者Iri3