JavaScript中String与String[]：多输入框值获取异常的解决方法

嘿，我完全懂你遇到的困惑——用$('input[name="paramDescriptions"]').val()确实不会返回所有匹配输入框的值数组，这是因为jQuery的.val()方法默认行为就是：当选择器匹配到多个元素时，它只会返回第一个匹配元素的value值，所以你才只拿到了单个字符串。

下面给你几种靠谱的解决方案，轻松拿到所有输入框的字符串数组：

方法1：jQuery的.map() + .get()组合（最常用） #

这是jQuery场景下最直接的写法，通过遍历所有匹配元素收集值，再转成普通数组：

// 获取所有name为paramDescriptions的输入框值，返回String[]
const paramValues = $('input[name="paramDescriptions"]').map(function() {
  return $(this).val();
}).get();

• .map()会遍历每个选中的输入框，把每个元素的value值收集成一个jQuery对象集合
• .get()把这个jQuery集合转换成标准的JavaScript数组，也就是你想要的String[]

方法2：原生JavaScript实现（无需依赖jQuery） #

如果项目里可以用原生JS，这两种写法也很简洁：

方式A：Array.from() #

const inputs = document.querySelectorAll('input[name="paramDescriptions"]');
const paramValues = Array.from(inputs, input => input.value);

方式B：扩展运算符 + .map() #

const paramValues = [...document.querySelectorAll('input[name="paramDescriptions"]')]
  .map(input => input.value);

额外小技巧：过滤空值 #

如果担心有些输入框是空的或者只有空格，可以在收集时过滤掉这些无效值：

const paramValues = $('input[name="paramDescriptions"]').map(function() {
  const trimmedVal = $(this).val().trim();
  // 只保留非空的有效值，空值返回null后续过滤
  return trimmedVal ? trimmedVal : null;
}).get().filter(val => val !== null);

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