如何用JavaScript根据一个数组的值替换另一个数组中对应元素的名称？-js教程-PHP中文网

如何用JavaScript根据一个数组的值替换另一个数组中对应元素的名称？

花韻仙語

发布： 2025-02-25 14:12:01

原创

618人浏览过

如何用javascript根据一个数组的值替换另一个数组中对应元素的名称？

JavaScript数组元素值匹配替换名称

本文介绍如何利用JavaScript根据一个数组的值，替换另一个数组中对应元素的名称。

假设您有两个数组，需要根据第一个数组的值来修改第二个数组中元素的名称。以下代码演示了如何实现这一目标：

<code class="javascript">let arr = [
    {
        sk: [
            { Name: '数据1', Value: '200' },
            { Name: '数据2', Value: '300' },
            { Name: '数据3', Value: '400' },
        ],
    },
    {
        sk: [
            { Name: '数据5', Value: '500' },
            { Name: '数据6', Value: '600' },
            { Name: '数据7', Value: '700' },
        ],
    },
];

let arr2 = {
    name: '数据555',
    val: [200, 300, 500],
};

let result = arr.map(item => {
    if (item.sk.length === 0) return item; // 处理空数组的情况
    return {
        ...item,
        sk: item.sk.map(k => 
            arr2.val.includes(Number(k.Value)) ? {...k, Name: arr2.name} : k
        )
    };
});

console.log(result);</code>

登录后复制

这段代码首先检查arr中的每个子数组sk是否为空，避免空数组导致错误。然后，它使用map函数迭代arr中的每个对象，并对sk数组应用另一个map函数。内部的map函数检查arr2.val是否包含当前元素的Value值（转换为数字），如果是，则创建一个新的对象，将Name属性替换为arr2.name，否则保留原始对象。最终结果保存在result变量中。这种方法比原代码更简洁高效，并且更清晰地处理了空数组的情况。