从数组中获取最大值：为何自定义方法失效仅返回最后一个元素？

嘿，你的猜测完全正确！问题的根源确实是数组里的元素是字符串类型的数字，而不是真正的数字类型，导致你的比较逻辑出现了和预期不符的结果。

为什么会返回最后一个元素？ #

在 JavaScript 中，当你用>比较两个字符串时，它不会把它们当成数字来比较，而是按照字符的Unicode码点来逐个对比。比如：

• "10"和"2"比较时，会先看第一个字符："1"的Unicode码是49，"2"是50，所以"10" > "2"的结果是false。
• 如果你的数组是类似["1", "2", "3", "4"]这样的字符串数字序列，每次循环比较时，后面的字符串的第一个字符码点都比前面的大，所以每次都会更新max为当前元素，最后自然就返回了数组的最后一个元素。

举个你的自定义方法的典型例子：

function getMax(arr) {
  let max = arr[0];
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] > max) {
      max = arr[i];
    }
  }
  return max;
}

// 调用示例
console.log(getMax(["1", "3", "5"])); // 输出 "5"（最后一个元素）
console.log(getMax(["10", "2", "30"])); // 输出 "30"（最后一个元素）

怎么修复这个问题？ #

核心思路就是把字符串类型的元素转换成数字类型之后再做比较，有几种简单的实现方式：

方式1：在循环里逐个转换

function getMax(arr) {
  // 先把第一个元素转成数字
  let max = Number(arr[0]);
  for (let i = 1; i < arr.length; i++) {
    // 每次循环都把当前元素转成数字
    const currentNum = Number(arr[i]);
    if (currentNum > max) {
      max = currentNum;
    }
  }
  return max;
}

方式2：先把整个数组转成数字数组再处理

function getMax(arr) {
  // 先把所有元素转成数字
  const numArr = arr.map(item => Number(item));
  let max = numArr[0];
  for (let i = 1; i < numArr.length; i++) {
    if (numArr[i] > max) {
      max = numArr[i];
    }
  }
  return max;
}

方式3：利用Math.max()的特性

你提到的Math.max()之所以能正常工作，是因为它会自动把传入的参数转换成数字类型。如果想结合它的特性，也可以这样写：

function getMax(arr) {
  return Math.max(...arr);
}

这里的扩展运算符...会把数组元素逐个传给Math.max()，而Math.max()会自动处理字符串到数字的转换。

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