【问题标题】:recursive Javascript camelCase explanationrecursive Javascript camelCase 解释
【发布时间】:2019-08-12 22:19:10
【问题描述】:

我正在尝试了解此递归函数如何将 JSON 键转换为 camelCase。有人可以对每一行发表评论和/或添加解释吗?谢谢!

function toCamel(o) {
  var newO, origKey, newKey, value;

  if (o instanceof Array) {
    return o.map(function(value) {
      if (typeof value === 'object') {
        value = toCamel(value);
      }

      return value;
    });
  } else {
    newO = {};

    for (origKey in o) {
      if (o.hasOwnProperty(origKey)) {
        newKey = (origKey.charAt(0).toLowerCase() + origKey.slice(1) || origKey).toString();
        value = o[origKey];

        if (value instanceof Array || (value !== null && value.constructor === Object)) {
          value = toCamel(value);
        }

        newO[newKey] = value;
      }
    }
  }

  return newO;
}

【问题讨论】:

  • 没有观察到 JSON。您说的是 JavaScript 对象,而不是 JSON。 JSON总是是一个纯字符串。
  • 对我的回答有什么想法吗?

标签: javascript json recursion


【解决方案1】:

我已经评论了代码以解释发生了什么,如果它没有意义,请告诉我!它基本上是从您传递给它的内容(json)中遍历每个项目,如果它是一个数组或对象,则再次处理每个项目。它将键转换为字符串并将第一个字符设置为小写。

// create a test json array;
var json = {
"TestArr": [
    {"TestKey": 1, "ItemIDs": [0, 1, 2, 3, 4]},
    {"TestKey": 2, "ItemIDs": [5, 6, 7, 8, 9]}
  ]
};

function toCamel(o) {
  var newO, origKey, newKey, value
  // if the passed parameter is an Array...
  if (o instanceof Array) {
    // iterate through each item in the array... 
    return o.map(function(value) {
        // if the current item is an object...
      if (typeof value === "object") {
        // send the current item to this function...
        // this time as an oblect
        value = toCamel(value)
      }
      // return the current item
      return value
    });
  // if the passed item is an object...
  } else {
    // create a temporary object
    newO = {}
    // for each key in the object
    for (origKey in o) {
        // check to make sure the object has a property of the current key
      if (o.hasOwnProperty(origKey)) {
        // convert the key to a string, then make the first character in the string lowercase
        newKey = (origKey.charAt(0).toLowerCase() + origKey.slice(1) || origKey).toString()
        // set the value var equal to the current key value
        value = o[origKey]
        // if value is an array OR the value isn't null AND its constructor is an Object...
        // (ensure the value is an array or object)
        if (value instanceof Array || (value !== null && value.constructor === Object)) {
            // set value to this function for more processing
          value = toCamel(value)
        }
        // set the temporary object key value to the new processed value or the original value if not an array/object
        newO[newKey] = value
      }
    }
  }
  // return the finished/formatted JSON
  return newO;
}

// set a variable to the value returned from the toCamel function
var test = toCamel(json);
// write out the result in the console
console.log(test);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-01
    • 1970-01-01
    • 2011-03-17
    • 2015-09-12
    • 2011-09-25
    • 2016-12-03
    • 2012-06-07
    相关资源
    最近更新 更多