如何将数组元素转换为对应命名的JavaScript对象？

核心思路 #

遍历Array1中的每个元素，先将元素名称处理为JavaScript合法标识符（比如把空格替换成下划线），再为每个元素创建包含properties属性的对象——properties的键来自Array2，值通过后续布尔输入获取，最终将这些对象整合为目标数组。

代码实现 #

// 模拟用户输入流程（实际场景替换为真实输入逻辑，比如浏览器input/Node.js终端输入）
const elementCount = 2;
const propertyCount = 4;

const Array1 = ["Ice Cream", "Juice"];
const Array2 = ["Strawberry", "Vanilla", "Chocolate", "Mango"];

// 生成目标数组
const resultArray = Array1.map(elementName => {
    // 处理元素名称：将空格替换为下划线，避免JS标识符语法错误
    const formattedName = elementName.replace(/\s+/g, "_");
    
    // 动态构建properties对象
    const properties = {};
    Array2.forEach(propName => {
        // 模拟获取布尔输入，实际场景可替换为对应输入方式
        const boolInput = prompt(`请输入${elementName}的${propName}属性值（true/false）`);
        properties[propName] = boolInput.trim().toLowerCase() === 'true';
    });
    
    // 返回符合需求的对象结构
    return {
        [formattedName]: properties
        // 若需要显式的name属性，可改为：name: formattedName, properties: properties
    };
});

// 输出结果示例
console.log(resultArray);

关键细节 #

• 名称格式化：JavaScript不允许标识符包含空格，用正则表达式/\s+/g将所有空格替换为下划线，确保名称符合语法规范。
• 动态属性生成：通过遍历Array2自动构建properties的键值对，完全适配输入属性数量和内容的不确定性。
• 简洁遍历方式：使用Array.map()方法直接遍历Array1生成目标数组，比手动for循环更符合JavaScript的函数式编程风格。

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