将 object 嵌套属性转换为新类型

Question

我之前做了一个通用的 function 递归地将嵌套属性值转换为数字：

type CastToNumber<T> = T extends string ? number : {
    [K in keyof T]: CastToNumber<T[K]>
};

type StringMap = { [key: string]: any };

const castObjectValuesToNumber = function<T extends StringMap, K extends keyof T>(initialObj: T, nestedProp?: string): CastToNumber<T> {

    let _castedObj: StringMap = {};

    for(const [property, value] of Object.entries(initialObj)) {
        if(typeof(value) === "object") {

            const newVal = castObjectValuesToNumber(value, property) as CastToNumber<T>;
            _castedObj = { ..._castedObj, ...newVal };

        } else {

            if(nestedProp) {
                if(!_castedObj[nestedProp]) _castedObj[nestedProp] = {};
                _castedObj[nestedProp][property] = +value;
            } else {
                _castedObj[property] = +value;
            }

        }
    }
    return _castedObj as CastToNumber<T[K]>;
}

这对大多数对象都很有效，但我最近不得不投射这个 object 并且它不起作用。

const army = {
    cavalry: {
      light: { quantity: "0", health: "0" },
      heavy: { quantity: "0", health: "0" }
    },
    infantry: {
      light: { quantity: "0", health: "0" },
      heavy: { quantity: "0", health: "0" }
    },
    magic: {
      light: { quantity: "0", health: "0" },
      heavy: { quantity: "30", health: "0" }
    },
    range: {
      light: { quantity: "0", health: "0" },
      heavy: { quantity: "0", health: "0" }
    }
};

const result = castObjectValuesToNumber(army);

/*
result = {
    light: { quantity: 0, health: 0 },
    heavy: { quantity: 0, health: 0 }
  };

wanted = {
  cavalry: {
    light: { quantity: 0, health: 0 },
    heavy: { quantity: 0, health: 0 }
  },
  infantry: {
    light: { quantity: 0, health: 0 },
    heavy: { quantity: 0, health: 0 }
  },
  magic: {
    light: { quantity: 0, health: 0 },
    heavy: { quantity: 30, health: 0 }
  },
  range: {
    light: { quantity: 0, health: 0 },
    heavy: { quantity: 0, health: 0 }
  }
}
*/

它只返回有限的 scope 嵌套属性，因为它没有正确存储属性并递归设置它们。 我找不到让这个 function 适用于深度嵌套属性的方法。

Answer 1

_castedObj = { ..._castedObj, ...newVal };

应该

_castedObj[property] = newVal;

Answer 2

它是一个简单的递归 function 来迭代 object。

 const army = {cavalry:{light:{quantity:"0",health:"0"},heavy:{quantity:"0",health:"0"}},infantry:{light:{quantity:"0",health:"0"},heavy:{quantity:"0",health:"0"}},magic:{light:{quantity:"0",health:"0"},heavy:{quantity:"30",health:"0"}},range:{light:{quantity:"0",health:"0"},heavy:{quantity:"0",health:"0"}}}; function iterate(obj) { Object.keys(obj).forEach(function(key) { var value = obj[key]; if (typeof value === 'object' && value;= null) { iterate(value) } if (typeof value === "string") { obj[key] = +value. } }) } iterate(army) console.log(army)

 .as-console-wrapper {max-height: 100% !important}

Answer 3

这是一个简单的版本，它递归地将 function 映射到对象/数组/其他结构上：

 const deepMap = (fn) => (o) => Array.isArray (o)? o.map (deepMap (fn)): Object (o) === o? Object.fromEntries (Object.entries (o).map (([k, v]) => [k, deepMap (fn) (v)])): fn (o) const army = {cavalry: {light: {quantity: "0", health: "0"}, heavy: {quantity: "0", health: "0"}}, infantry: {light: {quantity: "0", health: "0"}, heavy: {quantity: "0", health: "0"}}, magic: {light: {quantity: "0", health: "0"}, heavy: {quantity: "30", health: "0"}}, range: {light: {quantity: "0", health: "0"}, heavy: {quantity: "0", health: "0"}}} console.log (deepMap (Number) (army))

 .as-console-wrapper {max-height: 100%;important: top: 0}

这里我们用Number构造函数调用它，但我们可以使用任何东西 map。