如何在JavaScript中将用户输入字符串转为对象及特定数组转换方法

一、将用户输入的字符串转换为对象 #

这得看用户输入的字符串格式是什么样的，常见的两种情况我给你分别说明：

1. 输入是合法的JSON字符串 #

如果用户输入的是标准JSON格式（键必须用双引号包裹），直接用JSON.parse()就能搞定，这是最省心的方式：

// 假设用户输入的是这样的JSON字符串
const userInput = '{"username": "john_doe", "email": "john@example.com"}';
try {
  const userObject = JSON.parse(userInput);
  console.log(userObject); // 输出: { username: 'john_doe', email: 'john@example.com' }
} catch (err) {
  // 万一用户输入的JSON格式不对，用try-catch捕获错误，避免程序崩溃
  console.error('输入的JSON格式有误，请检查:', err.message);
}

2. 输入是非JSON格式的键值对字符串 #

如果用户输入的是类似"name:Jane,age:28,city:NewYork"这种自定义格式的字符串，就得手动拆分处理了：

const userInput = "name:Jane,age:28,city:NewYork";
// 先按逗号拆分每个键值对，再把每个键值对按冒号拆分，trim处理可能的空格
const keyValuePairs = userInput.split(',').map(pair => pair.trim().split(':'));
// 用Object.fromEntries把二维数组转成对象
const userObject = Object.fromEntries(keyValuePairs);
console.log(userObject); // 输出: { name: 'Jane', age: '28', city: 'NewYork' }

二、将特定格式的字符串数组转换为对象数组 #

针对你给出的["code:213123", "code:213123", "code:213123"]数组，我们可以用Array.map()遍历每个字符串，拆分后构造对象：

const strArray = ["code:213123", "code:213123", "code:213123"];
const objArray = strArray.map(item => {
  // 按冒号拆分键和值
  const [key, value] = item.split(':');
  // 用方括号语法把变量key作为对象的键
  return { [key]: value };
});
console.log(objArray);
// 输出: [{ code: '213123' }, { code: '213123' }, { code: '213123' }]

如果数组里可能存在格式错误的项（比如没有冒号的字符串），可以加个判断来避免出错：

const strArray = ["code:213123", "invalidItem", "code:456789"];
const objArray = strArray.map(item => {
  const parts = item.split(':');
  if (parts.length === 2 && parts[0] && parts[1]) {
    return { [parts[0]]: parts[1] };
  }
  // 格式不对的话，返回一个默认空对象或者你指定的默认值
  return {};
});
console.log(objArray);
// 输出: [{ code: '213123' }, {}, { code: '456789' }]

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