利用reduce操作对对象进行操作
P粉423694341
P粉423694341 2023-08-18 14:05:11
[JavaScript讨论组]

这是我的输入:{field1: {field2:'123', field3:{field4:'123'}}}

目标是:{field1: {update: {field2:'123', field3: {update: {field4:'123'}}

这是我尝试过的:

function updateDictHelper(obj) {
 Object.entries(obj).reduce((updateClause = {}, [key, value]) => {
  if (typeof value !== 'object') {
    return {... updateClause, [key]: value}
  } else {
    return {... updateClause, [key]: {update: updateDictHelper(value)}}
  }


 })
}

然而,无论如何我都无法使其工作。我对java/typescript还很陌生,非常感谢任何帮助。

P粉423694341
P粉423694341

全部回复(1)
P粉909476457

您有两个问题,第一个问题是您的updateDirectHelper函数没有返回任何内容。虽然在这个函数中有一个return语句,但实际上它是嵌套在reduce的回调函数(updateClause, [key, value]) => {中,而不是updateDictHelper本身。

您的另一个问题是如何为acc提供默认值。Reduce原生支持可选的第二个参数,该参数将作为acc的初始值。

reduce(callbackFn, initialValue)

最好的做法是尽可能提供一个初始值。如果您不包含它,.reduce()将跳过回调的第一个调用,并从将acc设置为数组中的第一个值开始调用回调函数,并将第二个参数设置为数组中的第二个值。如果您的数组只有一个值,例如在您的情况下,那么这个单个值就是从.reduce()调用中返回的值,并且您的.reduce()的回调函数将永远不会被调用:

const arrayWithOneElement = [1];
const res = arrayWithOneElement.reduce(() => {
  console.log("I never run");
}); // 注意没有第二个参数
console.log(res);
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号