如何用jQuery/JS解析textarea中逗号分隔数据并提取指定字段

你的核心问题是未对textarea内容做行拆分与字段拆分处理，以下是直接可行的实现方案，包含jQuery和原生JS两种版本：

jQuery版本实现 #

// 获取textarea内容
const data = $('#data').val();
// 按行分割并过滤空行
const validRows = data.split('\n').filter(row => row.trim() !== '');

// 1. 提取所有ID
const allIds = validRows.map(row => row.split(',')[0].trim());
console.log('所有ID:', allIds);

// 2. 提取所有姓名
const allNames = validRows.map(row => row.split(',')[1].trim());
console.log('所有姓名:', allNames);

// 3. 提取姓名+性别组合（可自定义格式）
const nameGenderCombined = validRows.map(row => {
  const [_, name, gender] = row.split(',').map(item => item.trim());
  return `${name} (${gender})`;
});
console.log('姓名+性别组合:', nameGenderCombined);

原生JS版本（无需依赖jQuery） #

如果不想用jQuery，直接用原生DOM API也能实现：

const textarea = document.getElementById('data');
const data = textarea.value;
const validRows = data.split('\n').filter(row => row.trim() !== '');

// 提取所有ID
const allIds = validRows.map(row => row.split(',')[0].trim());
// 提取所有姓名
const allNames = validRows.map(row => row.split(',')[1].trim());
// 提取姓名+性别组合
const nameGenderCombined = validRows.map(row => {
  const parts = row.split(',').map(part => part.trim());
  return `${parts[1]} - ${parts[2]}`; // 可自定义组合格式，比如用括号、斜杠等
});

关键说明 #

• split('\n')：将textarea内容按换行符拆分成每行数据
• filter(row => row.trim() !== '')：过滤空行（比如textarea末尾可能存在的空白行）
• split(',')：将每行数据按逗号拆分为ID、姓名、性别三个字段
• trim()：去除每个字段前后的空格，避免输入格式问题导致数据带多余空格

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