entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://lodash.com/docs/4.17.10#rearg|blocks|key|7rhir|text|使用_.mapKeys()而不是_.mapValues()|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|dqclb|​|7g23c|var+data+=+{
+++'id':+'123',
+++'employee_name':+'John',
+++'employee_type':+'new'++
};

var+newObj+=+_.mapKeys(data,+(value,+key)+=>+_.camelCase(key));

console.log('newObj:+',+newObj);|code-block|syntax|javascript|dmltn|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"></script>|b15ir|695f9|如果需要忽略冗余的value参数，可以在_.camelCase()上使用_.rearg()生成一个函数，该函数接受第二个参数(+key)而不是第一个参数(+value)。|6nrnc|7a8tm|var+data+=+{
+++'id':+'123',
+++'employee_name':+'John',
+++'employee_type':+'new'++
};

var+newObj+=+_.mapKeys(data,+_.rearg(_.camelCase,+1));

console.log('newObj:+',+newObj);|dtquu|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"></script>|4m8r4|c739h^0|2|B|G|D|0|0|0|0|0|9|5|K|D|10|9|1S|3|26|5|10|9|0|0|0|0|0|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|15|G|@$H|16|I|17|J|K]|$H|18|I|19|J|K]]|L|@]|6|$]]|$A|M|C|N|2|E|F|1A|G|@]|L|@]|6|$]]|$A|O|C|P|2|Q|F|1B|G|@]|L|@]|6|$R|S]]|$A|T|C|U|2|Q|F|1C|G|@]|L|@]|6|$R|S]]|$A|V|C|N|2|E|F|1D|G|@]|L|@]|6|$]]|$A|W|C|X|2|E|F|1E|G|@$H|1F|I|1G|J|K]|$H|1H|I|1I|J|K]|$H|1J|I|1K|J|K]|$H|1L|I|1M|J|K]|$H|1N|I|1O|J|K]]|L|@$H|1P|I|1Q|A|1R]]|6|$]]|$A|Y|C|N|2|E|F|1S|G|@]|L|@]|6|$]]|$A|Z|C|10|2|Q|F|1T|G|@]|L|@]|6|$R|S]]|$A|11|C|12|2|Q|F|1U|G|@]|L|@]|6|$R|S]]|$A|13|C|N|2|E|F|1V|G|@]|L|@]|6|$]]|$A|14|C|-4|2|E|F|1W|G|@]|L|@]|6|$]]]]

<p>Use <code>_.mapKeys()</code> instead of <code>_.mapValues()</code>:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var data = {
   'id': '123',
   'employee_name': 'John',
   'employee_type': 'new'  
};

var newObj = _.mapKeys(data, (value, key) =&gt; _.camelCase(key));

console.log('newObj: ', newObj);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>If you need to ignore the redundant <code>value</code> param, you can use <a href="https://lodash.com/docs/4.17.10#rearg" rel="noreferrer"><code>_.rearg()</code></a> on <code>_.camelCase()</code> to generate a function that takes the 2nd param (the <code>key</code>) instead of the 1st param (the <code>value</code>).</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var data = {
   'id': '123',
   'employee_name': 'John',
   'employee_type': 'new'  
};

var newObj = _.mapKeys(data, _.rearg(_.camelCase, 1));

console.log('newObj: ', newObj);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|87alf|text|这是使用简单的for循环的另一个答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|98q8g|var+data+=+{
+++'id':+'123',
+++'employee_name':+'John',
+++'employee_type':+'new'++
};

var+output+=+{}
for+(var+key+in+data)+{
++output[_.camelCase(key)]+=+data[key];
}|code-block|syntax|javascript|5blcr^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>Here is another answer using simple for loop.</p>

<pre><code>var data = {
   'id': '123',
   'employee_name': 'John',
   'employee_type': 'new'  
};

var output = {}
for (var key in data) {
  output[_.camelCase(key)] = data[key];
}
</code></pre>


entityMap|blocks|key|91cdj|text|您还可以轻松地为此创建自己的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|83bn3|​|1u5h5|function+camelCase(obj)+{
++var+newObj+=+{};
++for+(d+in+obj)+{
++++if+(obj.hasOwnProperty(d))+{
++++++newObj[d.replace(/(\_\w)/g,+function(k)+{
++++++++return+k[1].toUpperCase();
++++++})]+=+obj[d];
++++}
++}
++return+newObj;
}

var+data+=+{
++'id':+'123',
++'employee_name':+'John',
++'employee_type':+'new'
}

console.log(camelCase(data));|code-block|syntax|javascript|21dn5|aoktt^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|N|9|@]|A|@]|B|$H|I]]|$2|J|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|K|4|-4|6|7|8|P|9|@]|A|@]|B|$]]]]

<p>You can also easily create your own function for that:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function camelCase(obj) {
  var newObj = {};
  for (d in obj) {
    if (obj.hasOwnProperty(d)) {
      newObj[d.replace(/(\_\w)/g, function(k) {
        return k[1].toUpperCase();
      })] = obj[d];
    }
  }
  return newObj;
}

var data = {
  'id': '123',
  'employee_name': 'John',
  'employee_type': 'new'
}

console.log(camelCase(data));</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|4o6mh|text|另一种方式|type|unstyled|depth|inlineStyleRanges|entityRanges|data|cf0gj|+_(data)
+++++.keys()
+++++.map(_.camelCase)
+++++.zipObject(_.values(data))
+++++.value()|code-block|syntax|javascript|8sp1q^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>another way </p>

<pre><code> _(data)
     .keys()
     .map(_.camelCase)
     .zipObject(_.values(data))
     .value()
</code></pre>


entityMap|blocks|key|2ff27|text|如果你想转换嵌套的对象，那么使用lodash可能有点麻烦。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2ojqi|我尝试使用正则表达式、JSON.parse和JSON.stringify，下面是相同的代码|78ld3|下面的代码返回具有驼峰大小写而不是蛇形大小写的新对象|626l9|//input
var+data+=+{
+++'id':+'123',
+++'employee_name':+'John',
+++'employee_type':+{'new_name':+'foo'}++
};

JSON.parse(JSON.stringify(data).replace(
++++++++++++++++/(_\w)\w%2B":/g,
++++++++++++++++match+=>+match[1].toUpperCase()+%2B+match.substring(2)
++++++++++++++));

{
+++'id':+'123',
+++'employeeName':+'John',
+++'employeeType':+{'newName':+'foo'}++
}|code-block|syntax|javascript|b45me^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|N|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|O|9|@]|A|@]|B|$]]|$2|G|4|H|6|I|8|P|9|@]|A|@]|B|$J|K]]|$2|L|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

<p>If you want to convert the nested object, then using lodash can be a bit painful.</p>

<p>I tried using regex, JSON.parse &amp; JSON.stringify
and here is the code for the same</p>

<p>below code returns the new object that is having camel case instead of snake case</p>

<pre><code>//input
var data = {
   'id': '123',
   'employee_name': 'John',
   'employee_type': {'new_name': 'foo'}  
};

JSON.parse(JSON.stringify(data).replace(
                /(_\w)\w+":/g,
                match =&gt; match[1].toUpperCase() + match.substring(2)
              ));

{
   'id': '123',
   'employeeName': 'John',
   'employeeType': {'newName': 'foo'}  
}
</code></pre>


entityMap|blocks|key|c612m|text|这些都是很好的答案，但它们不符合我的需求。我喜欢Ashish的回答，因为它可以处理嵌套的对象，但是如果您想要的数据中有下划线怎么办？因此，这里是Bambam的答案的一个变体，使其递归，因为lodash有时可能是一种痛苦。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3g1op|function+toCamelCase+(obj)+{
++++let+rtn+=+obj
++++if(!rtn)+{
++++++++return+rtn
++++}+else+if+(typeof+(obj)+===+'object')+{
++++++++if+(obj+instanceof+Array)+{
++++++++++++rtn+=+obj.map(toCamelCase)
++++++++}+else+{
++++++++++++rtn+=+{}
++++++++++++for+(let+key+in+obj)+{
++++++++++++++++if+(obj.hasOwnProperty(key))+{
+++++++++++++++++++++const+newKey+=+key.replace(/(_\w)/g,+k+=>+k[1].toUpperCase())
+++++++++++++++++++++rtn[newKey]+=+toCamelCase(obj[key])
++++++++++++++++}
++++++++++++}
++++++++}
++++}
++++return+rtn
}|code-block|syntax|javascript|bhoj^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>These are all good answers, but they did not fit what I needed. I like Ashish's answer because it handles nested objects, but what if there are underscores in the data that you want?  So, here is a varient on Bambam's answer to make it recursive, because lodash can sometimes be a pain.</p>
<pre><code>function toCamelCase (obj) {
    let rtn = obj
    if(!rtn) {
        return rtn
    } else if (typeof (obj) === 'object') {
        if (obj instanceof Array) {
            rtn = obj.map(toCamelCase)
        } else {
            rtn = {}
            for (let key in obj) {
                if (obj.hasOwnProperty(key)) {
                     const newKey = key.replace(/(_\w)/g, k =&gt; k[1].toUpperCase())
                     rtn[newKey] = toCamelCase(obj[key])
                }
            }
        }
    }
    return rtn
}
</code></pre>


entityMap|blocks|key|3e91r|text|我真的很喜欢Mardok的嵌套对象版本，唯一的问题是它将"null“转换为{}|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2ic60|下面是我的：|ebe44|import+_+from+'lodash';

export+const+toCamelCase:+any+=+(obj:+any)+=>+{
++++let+rtn+=+obj
++++if+(typeof+obj+===+'object')+{
++++++++if+(obj+instanceof+Array)+{
++++++++++++rtn+=+obj.map(toCamelCase)
++++++++}
++++++++else+if+(_.isEmpty(obj))+{
++++++++++++rtn+=+null
++++++++}+else+{
++++++++++++rtn+=+{}
++++++++++++for+(let+key+in+obj)+{
++++++++++++++++if+(obj.hasOwnProperty(key))+{
++++++++++++++++++++const+newKey+=+key.replace(/(_\w)/g,+k+=>+k[1].toUpperCase())
++++++++++++++++++++rtn[newKey]+=+toCamelCase(obj[key])
++++++++++++++++}
++++++++++++}
++++++++}
++++}
++++return+rtn
}|code-block|syntax|javascript|5esli^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|L|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|M|9|@]|A|@]|B|$H|I]]|$2|J|4|-4|6|7|8|N|9|@]|A|@]|B|$]]]]

<p>I really like Mardok's version with nested objects, only issue is that it converts "null" to {}</p>

<p>here mine:</p>

<pre><code>import _ from 'lodash';

export const toCamelCase: any = (obj: any) =&gt; {
    let rtn = obj
    if (typeof obj === 'object') {
        if (obj instanceof Array) {
            rtn = obj.map(toCamelCase)
        }
        else if (_.isEmpty(obj)) {
            rtn = null
        } else {
            rtn = {}
            for (let key in obj) {
                if (obj.hasOwnProperty(key)) {
                    const newKey = key.replace(/(_\w)/g, k =&gt; k[1].toUpperCase())
                    rtn[newKey] = toCamelCase(obj[key])
                }
            }
        }
    }
    return rtn
}
</code></pre>


entityMap|blocks|key|su9q|text|是的，我不是一个很喜欢图书馆的人。下面是如何在原生Javascript中做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1odvq|​|bsc1m|let+data+=+{
+++'id':'123',
+++'employee_name':+'John',
+++'employee_type':+'new'++
}

//+#1+simple+function+which+converts+a+string+from+snake+case+to+camel+case+...
const+snakeToCamel+=+s+=>+s.replace(/(_\w)/g,+k+=>+k[1].toUpperCase())

//+#2+create+new+data+object+with+camelCase+keys...
data+=+Object.entries(data).reduce((x,[k,v])+=>+(x[snakeToCamel(k)]=v)+&&+x,+{})

console.log(data)|code-block|syntax|javascript|d5jsg|e4vn0^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|N|9|@]|A|@]|B|$H|I]]|$2|J|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|K|4|-4|6|7|8|P|9|@]|A|@]|B|$]]]]

<p>Yeah, I'm not a big fan of libraries. Here's how to do it in native Javascript...</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let data = {
   'id':'123',
   'employee_name': 'John',
   'employee_type': 'new'  
}

// #1 simple function which converts a string from snake case to camel case ...
const snakeToCamel = s =&gt; s.replace(/(_\w)/g, k =&gt; k[1].toUpperCase())

// #2 create new data object with camelCase keys...
data = Object.entries(data).reduce((x,[k,v]) =&gt; (x[snakeToCamel(k)]=v) &amp;&amp; x, {})

console.log(data)</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|be9l5|text|对于我的用例，我需要(或想要)一个可以处理任意json对象的函数，包括嵌套对象、数组等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|276p7|const+fromSnakeToCamel+=+(data)+=>+{
++if+(_.isArray(data))+{
++++return+_.map(data,+fromSnakeToCamel);
++}

++if+(_.isObject(data))+{
++++return+_(data)
++++++.mapKeys((v,+k)+=>+_.camelCase(k))
++++++.mapValues((v,+k)+=>+fromSnakeToCamel(v))
++++++.value();
++}

++return+data;
}|code-block|syntax|javascript|2sfj|请注意，如果它不是数组或对象，我只返回数据，因为我实际上只想转换键。不管怎样，希望这能帮助到某人|cdtvq^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|L|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|M|9|@]|A|@]|B|$]]|$2|J|4|-4|6|7|8|N|9|@]|A|@]|B|$]]]]

<p>For my use case I needed (or wanted) a function that would handle any arbitrary json object, including nested objects, arrays, etc. Came up with this, seems to be working so far:</p>

<pre><code>const fromSnakeToCamel = (data) =&gt; {
  if (_.isArray(data)) {
    return _.map(data, fromSnakeToCamel);
  }

  if (_.isObject(data)) {
    return _(data)
      .mapKeys((v, k) =&gt; _.camelCase(k))
      .mapValues((v, k) =&gt; fromSnakeToCamel(v))
      .value();
  }

  return data;
}
</code></pre>

<p>Note that if it's not an array or an object, I just return the data because I only actually want to convert keys. Anyway, hope this helps someone</p>


entityMap|blocks|key|7t00k|text|仅对于字符串(ES6%2B)，将snake-case转换为camelCase：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|bi91d|const+snakeToCamel+=+str+=>
++str.toLowerCase().replace(/([-_][a-z])/g,+group+=>
++++group
++++++.toUpperCase()
++++++.replace('-',+'')
++++++.replace('_',+'')
++);|code-block|syntax|javascript|en3al|结果：|8pt3l|console.log(snakeToCamel('TO_CAMEL'))+//toCamel
console.log(snakeToCamel('to_camel'))+//toCamel
console.log(snakeToCamel('TO-CAMEL'))+//toCamel
console.log(snakeToCamel('to-camel'))+//toCamel|9geoc^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|N|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|O|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|P|9|@]|A|@]|B|$F|G]]|$2|L|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

<p>snake-case to camelCase only for string (ES6+):</p>

<pre><code>const snakeToCamel = str =&gt;
  str.toLowerCase().replace(/([-_][a-z])/g, group =&gt;
    group
      .toUpperCase()
      .replace('-', '')
      .replace('_', '')
  );
</code></pre>

<p>result:</p>

<pre><code>console.log(snakeToCamel('TO_CAMEL')) //toCamel
console.log(snakeToCamel('to_camel')) //toCamel
console.log(snakeToCamel('TO-CAMEL')) //toCamel
console.log(snakeToCamel('to-camel')) //toCamel
</code></pre>


entityMap|blocks|key|6r81e|text|递归地创建驼峰化对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6hlbj|function+camelCase(obj)+{
++const+newObj+=+{};
++for+(const+key+in+obj)+{
++++if+(obj.hasOwnProperty(key))+{
++++++++const+value+=+obj[key];
++++++++const+keyCamel+=+key.replace(/(\_\w)/g,+(match)+=>+match[1].toUpperCase());
++++++++const+isRecursive+=+typeof+value+===+'object';
++++++++newObj[keyCamel]+=+isRecursive+?+camelCase(value)+:+value;
++++}
++}
++return+newObj;
}

let+data+=+{
++id:+'123',
++employee_name:+'John',
++inner:+{
++++employee_type:+'new'
++},
}

camelCase(data);|code-block|syntax|javascript|2ld49^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>Creates camelized object recursively.</p>
<pre><code>function camelCase(obj) {
  const newObj = {};
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
        const value = obj[key];
        const keyCamel = key.replace(/(\_\w)/g, (match) =&gt; match[1].toUpperCase());
        const isRecursive = typeof value === 'object';
        newObj[keyCamel] = isRecursive ? camelCase(value) : value;
    }
  }
  return newObj;
}

let data = {
  id: '123',
  employee_name: 'John',
  inner: {
    employee_type: 'new'
  },
}

camelCase(data);
</code></pre>


entityMap|blocks|key|amncn|text|试试这个，它一定会像预期的那样工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|tk7f|​|f6pon|const+helpers+=+{};

helpers.camelize+=+function(str)+{
++++return+str.trim().replace(/[A-Z]%2B/g,+(letter,+index)+=>+{
++++++++return+index+==+0+?+letter.toLowerCase()+:+'_'+%2B+letter.toLowerCase();
++++}).replace(/(.(\_%7C-%7C\s)%2B.)/g,+function(subStr)+{
++++++++return+subStr[0]%2B(subStr[subStr.length-1].toUpperCase());
++++});
}


helpers.camelizeKeys+=+function(data)+{
++++const+result+=+{};
++++for+(const+[key,+val]+of+Object.entries(data))+{
++++++++result[helpers.camelize(key)]+=+val;
++++}
++++return+result;
}

helpers.camelizeNestedKeys+=+function(dataObj)+{
++++return+JSON.parse(JSON.stringify(dataObj).trim().replace(/("\w%2B":)/g,+function(keys)+{
++++++++return+keys.replace(/[A-Z]%2B/g,+(letter,+index)+=>+{
++++++++++++return+index+==+0+?+letter.toLowerCase()+:+'_'+%2B+letter.toLowerCase();
++++++++}).replace(/(.(\_%7C-%7C\s)%2B.)/g,+function(subStr)+{
++++++++++++return+subStr[0]%2B(subStr[subStr.length-1].toUpperCase());
++++++++});
++++}));
}


const+data+=+{
++++'id':'123',
++++'employee_name':+'John',
++++'employee_type':+'new'++
};

const+nestedData+=+{
++++'id':'123',
++++'employee_name':+'John',
++++'employee_type':+'new',
++++'exployee_projects':+[
++++++++{"project_name":+"test1",+"project_year":+2004},
++++++++{"project_name":+"test2",+"project_year":+2004}
++++]
};


//+Few+camelize+Examples
const+str1+=+"banana_orange_apple_mango";
const+str2+=+"banana-orange-apple-mango";
const+str3+=+"banana+orange+apple+mango";
const+str4+=+"BANANA+Orange+APPLE-mango";
const+str5+=+"banana+5orange+apple+#mango";
const+str6+=+"banana__orange-_apple5-#mango";

console.log(helpers.camelize(str1));
console.log(helpers.camelize(str2));
console.log(helpers.camelize(str3));
console.log(helpers.camelize(str4));
console.log(helpers.camelize(str5));
console.log(helpers.camelize(str6));

console.log("=============================");

//+camelize+object+keys+
console.log(helpers.camelizeKeys(data));

console.log("=============================");

//+camelize+nested+object+keys
console.log(helpers.camelizeNestedKeys(nestedData));|code-block|syntax|javascript|4m4s1|avmt4^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|N|9|@]|A|@]|B|$H|I]]|$2|J|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|K|4|-4|6|7|8|P|9|@]|A|@]|B|$]]]]

<p>Try this it will definitely work as expected.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const helpers = {};

helpers.camelize = function(str) {
    return str.trim().replace(/[A-Z]+/g, (letter, index) =&gt; {
        return index == 0 ? letter.toLowerCase() : '_' + letter.toLowerCase();
    }).replace(/(.(\_|-|\s)+.)/g, function(subStr) {
        return subStr[0]+(subStr[subStr.length-1].toUpperCase());
    });
}


helpers.camelizeKeys = function(data) {
    const result = {};
    for (const [key, val] of Object.entries(data)) {
        result[helpers.camelize(key)] = val;
    }
    return result;
}

helpers.camelizeNestedKeys = function(dataObj) {
    return JSON.parse(JSON.stringify(dataObj).trim().replace(/("\w+":)/g, function(keys) {
        return keys.replace(/[A-Z]+/g, (letter, index) =&gt; {
            return index == 0 ? letter.toLowerCase() : '_' + letter.toLowerCase();
        }).replace(/(.(\_|-|\s)+.)/g, function(subStr) {
            return subStr[0]+(subStr[subStr.length-1].toUpperCase());
        });
    }));
}


const data = {
    'id':'123',
    'employee_name': 'John',
    'employee_type': 'new'  
};

const nestedData = {
    'id':'123',
    'employee_name': 'John',
    'employee_type': 'new',
    'exployee_projects': [
        {"project_name": "test1", "project_year": 2004},
        {"project_name": "test2", "project_year": 2004}
    ]
};


// Few camelize Examples
const str1 = "banana_orange_apple_mango";
const str2 = "banana-orange-apple-mango";
const str3 = "banana orange apple mango";
const str4 = "BANANA Orange APPLE-mango";
const str5 = "banana 5orange apple #mango";
const str6 = "banana__orange-_apple5-#mango";

console.log(helpers.camelize(str1));
console.log(helpers.camelize(str2));
console.log(helpers.camelize(str3));
console.log(helpers.camelize(str4));
console.log(helpers.camelize(str5));
console.log(helpers.camelize(str6));

console.log("=============================");

// camelize object keys 
console.log(helpers.camelizeKeys(data));

console.log("=============================");

// camelize nested object keys
console.log(helpers.camelizeNestedKeys(nestedData));</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|64uqj|text|这个函数会递归地将对象中的所有snake+case键转换为camelCase。包括数组内的对象和对象内的对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|ajk95|const+convertSnakeCaseToCamelCase+=+(obj)+=>+{
++++let+newObj+=+{};
++++if+(typeof(obj)+!==+'object')+{
++++++++return+obj;
++++}+else+if+(Array.isArray(obj))+{
++++++++newObj+=+[];
++++}
++++for+(const+key+in+obj)+{
++++++++const+childObj+=+convertSnakeCaseToCamelCase(obj[key]);
++++++++if+(Array.isArray(obj))+{
++++++++++++newObj.push(childObj);
++++++++}+else+{
++++++++++++const+newKey+=+key.replace(/(\_\w)/g,+(k)+=>+k[1].toUpperCase());
++++++++++++newObj[newKey]+=+childObj;
++++++++}
++++}
++++return+newObj;
};|code-block|syntax|javascript|8uiqi^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>This function will recursively convert all snake case keys in the object to camelCase. Including objects within arrays and object within objects.</p>
<pre><code>const convertSnakeCaseToCamelCase = (obj) =&gt; {
    let newObj = {};
    if (typeof(obj) !== 'object') {
        return obj;
    } else if (Array.isArray(obj)) {
        newObj = [];
    }
    for (const key in obj) {
        const childObj = convertSnakeCaseToCamelCase(obj[key]);
        if (Array.isArray(obj)) {
            newObj.push(childObj);
        } else {
            const newKey = key.replace(/(\_\w)/g, (k) =&gt; k[1].toUpperCase());
            newObj[newKey] = childObj;
        }
    }
    return newObj;
};
</code></pre>


<p>I have a very weird issue in my lodash codes</p>

<p>I have something like </p>

<pre><code>data = {
   'id':'123',
   'employee_name': 'John',
   'employee_type': 'new'  
}

var newObj = _.mapValues(data, function (value, key) {
     var t = _.camelCase(key);
     console.log(t) -&gt; shows employeeName and employeeType

     return _.camelCase(key);
});
</code></pre>

<p>I was expecting my newObj will become </p>

<pre><code>data = {
   'id':'123',
   'employeeName': 'John',
   'employeeType': 'new'  
}
</code></pre>

<p>after I ran the codes above, it still stays the same as it was like </p>

<pre><code>data = {
   'id':'123',
   'employee_name': 'John',
   'employee_type': 'new'  
}
</code></pre>

<p>This is super weird and I'm not sure what went wrong. Can someone help me about this? Thanks a lot!</p>


How to convert snake case to camelcase in my app

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

 我的寄宿密码里有个很奇怪的问题 我有像这样的东西 data = {   'id':'123',   'employee_name': 'John',   'employee_type': 'new'  }var newObj = _.mapValues(data, function (value, key) {   ...

问如何在我的应用中将snake case转换为camelcase
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在我的应用中将snake case转换为camelcaseEN