16

サーバーから次のようなjson応答を受け取ります。

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

各キーと値のペアのキーがキャメルケースになるように、関数を介してこの応答を実行する方法はありますか？

したがって、出力は次のようになります。

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

誰かが私を正しい方向に向けることができれば、それは素晴らしいことです。

ありがとう。

4

5 に答える 5

25

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);

このSO回答でどのように機能するかについての詳細。

于 2012-11-26T00:22:26.780 に答える
10

ユーザー「@IHateLazy」が提案したアプローチ-「reviver」関数を使用する-は正しいものです。しかし、彼の機能は私にはうまくいきませんでした。

おそらく、JSON配列を解析しているためです。また、私はResharperを使用していますが、コードの臭いについて不平を言いました:)（「すべてのコードパスが値を返すわけではありません」）。だから私は私のために働いた別のSOの問題からの関数を使用することになりました：

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;
}
于 2014-11-26T15:01:11.637 に答える
5

これが機能再帰（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'
于 2016-07-15T18:41:12.913 に答える
1

@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
    }, {})

[コメントする権利があるが、コメントの特権がない:(]

于 2017-05-12T00:50:32.660 に答える
0

ツリーをトラバースし、オブジェクトのキーが更新された新しいツリーを返す再帰関数を作成する必要があります。再帰関数は、それ自体を呼び出して、遭遇したサブオブジェクトを処理します。

于 2012-11-26T00:20:25.313 に答える