JavaScript中数组相邻数值两两比较的最优实现方法

针对数值数组逐对比较相邻元素大小的需求，原有参考实现可做明显优化，先说明原有代码存在的问题：

• 存在冗余变量：单独定义的t索引和循环变量i功能完全重复，属于无效代码
• 存在越界bug：循环终止条件设为i < a.length时，最后一轮循环会访问到数组外的a[a.length]（值为undefined），和最后一个有效元素比较会输出错误结果
• 可读性差：函数、变量均使用无意义单字符命名，后续维护成本高

推荐实现 #

1. 性能最优的原生循环版本 #

这个版本没有额外数组开销，边界判断准确，适合大长度数组场景：

function compareAdjacentElements(numArr) {
  // 数组长度不足2时不存在相邻元素，直接返回
  if (numArr.length < 2) return

  // 只需要遍历到倒数第二个元素即可，避免越界
  for (let i = 0; i < numArr.length - 1; i++) {
    const current = numArr[i]
    const next = numArr[i + 1]
    if (current > next) {
      console.log('down')
    } else if (current < next) {
      console.log('up')
    } else {
      console.log('no change')
    }
  }
}

// 调用示例
let arrayOfNumbers = [1, 2, 3, 4, 5]
compareAdjacentElements(arrayOfNumbers)
// 依次输出4次up

2. 可读性更好的函数式版本 #

如果不需要极致性能，想要逻辑更直观，可以用数组方法实现，不用手动管理循环索引：

function compareAdjacentElements(numArr) {
  if (numArr.length < 2) return
  // 截取从第一位开始到末尾的数组，和原数组同索引位置正好是下一位元素
  numArr.slice(1).forEach((next, idx) => {
    const current = numArr[idx]
    if (current > next) {
      console.log('down')
    } else if (current < next) {
      console.log('up')
    } else {
      console.log('no change')
    }
  })
}

实现核心要点 #

• 循环终止条件必须设为遍历到倒数第二个元素，也就是索引上限为数组长度 - 2，避免访问越界
• 提前判断数组长度，小于2时直接终止逻辑，不需要进入循环
• 尽量使用有语义的变量名，不要用无意义单字符，降低后续维护成本
• 相等判断不需要单独写===的分支，前两个大小判断都不满足时就必然是相等，可简化判断逻辑

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