Question

我从服务器得到一个json响应，看起来像这样：

{
    "Response": {
        "FirstName": "John",
        "LastName": "Smith",
        "NickNames": {
            "NameOne": "Johnny",
            "NameTwo": "JohnS",
            "NameThree": "Smithy"
        },
        "Success": true,
        "Errors": []
    }
}

有没有办法可以通过函数运行这个响应，以便每个键值对的键都是camelCased？

所以输出看起来像是：

{
    "response": {
        "firstName": "John",
        "lastName": "Smith",
        "nickNames": {
            "nameOne": "Johnny",
            "nameTwo": "JohnS",
            "nameThree": "Smithy"
        },
        "success": true,
        "errors": []
    }
}

如果有人能指出我正确的方向，那就太棒了。

感谢。

Answer 1

您可以为JSON.parse提供一个reviver函数，该函数将值分配给较低属性的新属性。

function toCamelCase(key, value) {
  if (value && typeof value === 'object'){
    for (var k in value) {
      if (/^[A-Z]/.test(k) && Object.hasOwnProperty.call(value, k)) {
        value[k.charAt(0).toLowerCase() + k.substring(1)] = value[k];
        delete value[k];
      }
    }
  }
  return value;
}

var parsed = JSON.parse(myjson, toCamelCase);

有关其运作方式的更多信息in this SO answer。

Answer 2

用户'@Hate Lazy'建议的方法 - 使用'reviver'功能是 - 正确的方法。但是他的功能对我不起作用。

也许是因为我正在解析一个JSON数组。我也使用Resharper并且它抱怨代码味道:)（'并非所有代码路径都返回值'）。所以我最终使用了another SO issue的一个功能，做了为我工作：

function camelCaseReviver(key, value) {
    if (value && typeof value === 'object') {
        for (var k in value) {
            if (/^[A-Z]/.test(k) && Object.hasOwnProperty.call(value, k)) {
                value[k.charAt(0).toLowerCase() + k.substring(1)] = value[k];
                delete value[k];
            }
        }
    }
    return value;
}

Answer 3

这是一种功能递归（ES6）方法。

function convertKeysToCamelCase(o) {
  if (o === null || o === undefined) {
    return o;
  } else if (Array.isArray(o)) {
    return o.map(convertKeysToCamelCase);
  }
  return typeof o !== 'object' ? o : Object.keys(o).reduce((prev, current) => {
    const newKey = `${current[0].toLowerCase()}${current.slice(1)}`;
    if (typeof o[current] === 'object') {
      prev[newKey] = convertKeysToCamelCase(o[current]);
    } else {
      prev[newKey] = o[current];
    }
    return prev;
  }, {});
}

// successfully tested input
const o = {
  SomeNum: 1,
  SomeStr: 'a',
  SomeNull: null,
  SomeUndefined: undefined,
  SomeBoolean: true,
  SomeNaN: NaN,
  NestedObject: {
    SomeSentence: 'A is for apple',
    AnotherNested: {
      B: 'is for blahblah'
    }
  },
  NumArray: [1, 2, 3, 4],
  StringArray: ['a', 'b', 'c'],
  BooleanArray: [true, false],
  ArrayOfArrays: [[1,2,], ['a','b']],
  ObjectArray: [{Foo:'bar'}, {Hello:'world', Nested:{In:'deep'}}],
  MixedArray: [1,'a', true, null, undefined, NaN, [{Foo:'bar'}, 'wat']]
}

const output = convertKeysToCamelCase(o);

console.log(output.mixedArray[6][0].foo); // 'bar'

Answer 4

@adamjyee除了嵌套的整数数组之外，您的解决方案仍然有效。一个小修复可能是：

function convertKeysToCamelCase (o) {
    if (o === null) {
      return null
    } else if (o === undefined) {
      return undefined
    } else if (typeof o === 'number') {
      return o
    } else if (Array.isArray(o)) {
      return o.map(convertKeysToCamelCase)
    }
    return Object.keys(o).reduce((prev, current) => {
      const newKey = `${current[0].toLowerCase()}${current.slice(1)}`
      if (typeof o[current] === 'object') {
        prev[newKey] = convertKeysToCamelCase(o[current])
      } else {
        prev[newKey] = o[current]
      }
      return prev
    }, {})

[发表评论但缺乏评论特权的权利：（]

Answer 5

您需要编写一个遍历树的递归函数，并返回一个新树，其中对象中的键已更新。递归函数会调用自己处理它遇到的任何子对象。

将json数据格式化为camelCased

5 个答案: