如何批量转换对象数组中可转为数字的字符串值？

需求背景 #

需要批量处理对象数组，把数组内每个对象中所有能转换为数字的字符串值转为数字类型，判断规则如下：

const returnValue = !isNaN(parseFloat(val)) ? parseFloat(val) : val

希望无需指定具体属性名，自动遍历所有对象属性完成转换。自己写了一段实现代码，但不确定效率表现如何。

自用实现代码 #

const res = json.map(obj => {
  for (const [key, value] of Object.entries(obj)) {
    obj[key] = !isNaN(parseFloat(value)) ? parseFloat(value) : value
  }
  return obj
})

console.log(res)

原始测试数组 #

const array = [{
  label: 'foo',
  page: 1,
  rank: '1',
  decimal: '0.1'
},{
  label: 'foo',
  page: 1,
  rank: '2',
  decimal: '0.4'
}]

期望输出结果 #

const array = [{
  label: 'foo',
  page: 1,
  rank: 1, // <-- 数字类型
  decimal: 0.1 // <-- 数字类型
},{
  label: 'foo',
  page: 1,
  rank: 2,  // <-- 数字类型
  decimal: 0.4 // <-- 数字类型
}]

代码分析与优化建议 #

效率评估 #

你的这段代码效率已经是最优级别的：

• 外层map遍历数组，时间复杂度为O(m)（m是数组元素个数）
• 内层Object.entries遍历对象属性，时间复杂度为O(n)（n是单个对象的属性数量）
• 整体复杂度为O(m*n)，这是处理这类遍历转换问题的最低复杂度——毕竟每个属性都需要检查一次，没有办法再减少必要的遍历操作。

潜在问题与优化 #

1. 原地修改原对象：当前代码直接修改了原数组中的对象引用，如果你希望保留原数据不被改动，建议创建新对象进行转换：

const res = array.map(obj => {
  const newObj = {...obj}; // 浅拷贝原对象
  for (const [key, value] of Object.entries(newObj)) {
    newObj[key] = !isNaN(parseFloat(value)) ? parseFloat(value) : value;
  }
  return newObj;
});

2. 可读性优化：可以把转换判断逻辑抽成独立函数，让代码更清晰：

// 抽离转换逻辑
function convertToNumberIfPossible(val) {
  const num = parseFloat(val);
  return !isNaN(num) ? num : val;
}

const res = array.map(obj => {
  const newObj = {...obj};
  for (const [key, value] of Object.entries(newObj)) {
    newObj[key] = convertToNumberIfPossible(value);
  }
  return newObj;
});

3. 严格转换的补充：当前的parseFloat会解析字符串开头的有效数字（比如'123abc'会被转成123），如果你的需求是只有整个字符串都是有效数字才转换，可以改用Number()进行严格判断：

function convertToNumberIfPossible(val) {
  if (typeof val !== 'string') return val;
  const num = Number(val);
  return !isNaN(num) ? num : val;
}

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