如何合并数组中的值？特定嵌套数组组合需求实现方法

这问题挺常见的，咱们可以通过JavaScript的数组方法结合字符串处理轻松实现需求。核心思路是逐个对应处理units和values中的子数组，把每个数值和对应的单位拼接，最后组合成目标格式的字符串。

代码实现 #

const units = [[ "deg" ], [ "px" , "px" ]];
const values = [[ 0 ], [ 0 , 0 , 0 ]];

const result = units.map((unitGroup, index) => {
  // 获取对应位置的数值组，避免索引越界做个兜底
  const valueGroup = values[index] || [];
  
  // 遍历每个数值，匹配对应单位
  const combinedItems = valueGroup.map((val, idx) => {
    const matchedUnit = unitGroup[idx];
    // 有单位就拼接，没单位直接转字符串
    return matchedUnit ? `${val}${matchedUnit}` : val.toString();
  });
  
  // 用逗号加空格把所有项连接成字符串
  return combinedItems.join(', ');
});

console.log(result); // 输出: ["0deg", "0px, 0px, 0"]

步骤解释 #

• 外层用units.map遍历每一组单位，通过索引index关联values中对应的数值组，确保两组数据一一对应
• 内层用valueGroup.map处理每个数值：根据当前索引idx从unitGroup中取对应单位，存在则拼接数值和单位，不存在就保留原数值的字符串形式
• 最后用join(', ')把处理后的数值项连接成单个字符串，得到目标数组的每一项

额外优化：处理数组长度不匹配的情况 #

如果units和values的子数组数量可能不一致，可以在获取valueGroup时加个兜底判断（代码里已经加了values[index] || []），避免出现undefined报错的情况。

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