如何将数组中的空格分隔字符串拆分为独立数组元素？

嘿，这个需求其实很好实现，我给你几个实用的思路，结合你已经引入jQuery的情况，你可以按需选择：

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

这种方式最直接，现代浏览器都支持，代码简洁：

var arrayItem = [" foxy jennifer "];
// 1. 取出数组中的字符串并去除首尾空格
// 2. 用正则分割一个或多个空白字符，避免多个连续空格导致空元素
arrayItem = arrayItem[0].trim().split(/\s+/);
console.log(arrayItem); // 输出: ["foxy", "jennifer"]

这里用/\s+/而不是直接用" "分割的原因是：如果原字符串里有多个连续空格，split(" ")会产生空字符串元素，而正则可以匹配任意数量的空白字符（空格、制表符等），处理更健壮。

方法二：结合jQuery的实现 #

既然你已经引入了jQuery，也可以用它的$.trim()方法（和原生trim()功能一致，旧浏览器兼容性更好）：

var arrayItem = [" foxy jennifer "];
arrayItem = $.trim(arrayItem[0]).split(/\s+/);
console.log(arrayItem); // 输出: ["foxy", "jennifer"]

扩展：处理数组中有多个此类元素的情况 #

如果你的数组里不止一个带空格的字符串元素，可以用映射方法批量处理：

原生JS版本 #

var arrayItem = [" foxy jennifer ", " hello world "];
// flatMap会自动把二维数组转成一维
arrayItem = arrayItem.flatMap(item => item.trim().split(/\s+/));
console.log(arrayItem); // 输出: ["foxy", "jennifer", "hello", "world"]

jQuery版本 #

var arrayItem = [" foxy jennifer ", " hello world "];
// $.map返回二维数组，需要用flat转成一维
arrayItem = $.map(arrayItem, function(item) {
  return $.trim(item).split(/\s+/);
}).flat();
console.log(arrayItem); // 输出: ["foxy", "jennifer", "hello", "world"]

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