blocks|key|829597|text|var+i;
for(i+=+0;+i+<+arrayObj.length;+i%2B%2B){
++++arrayObj[i].stroke+=+arrayObj[i]['key1'];
++++delete+arrayObj[i].key1;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|829598|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var i;
for(i = 0; i &lt; arrayObj.length; i++){
    arrayObj[i].stroke = arrayObj[i]['key1'];
    delete arrayObj[i].key1;
}
</code></pre>


blocks|key|614583|text|在最近的JavaScript+(和TypeScript)中，使用destructuring+with+rest+syntax、spread+syntax和array+map替换对象数组中的一个关键字符串。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|614584|​|614585|const+arrayOfObj+=+[{
++key1:+'value1',
++key2:+'value2'
},+{
++key1:+'value1',
++key2:+'value2'
}];
const+newArrayOfObj+=+arrayOfObj.map(({
++key1:+stroke,
++...rest
})+=>+({
++stroke,
++...rest
}));

console.log(newArrayOfObj);|code-block|syntax|javascript|614586|614587|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax|2|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map^0|2B|3|W|U|0|1R|D|1|25|9|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]|$9|15|A|16|1|17]|$9|18|A|19|1|1A]]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|1D|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]|V|$5|Q|R|S|E|$T|W]]|X|$5|Q|R|S|E|$T|Y]]]]

<p>In recent JavaScript (and TypeScript), use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment" rel="noreferrer">destructuring with rest syntax</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax" rel="noreferrer">spread syntax</a>, and <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map" rel="noreferrer">array <code>map</code></a> to replace one of the key strings in an array of objects.</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 arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];
const newArrayOfObj = arrayOfObj.map(({
  key1: stroke,
  ...rest
}) =&gt; ({
  stroke,
  ...rest
}));

console.log(newArrayOfObj);</code></pre>
</div>
</div>
</p>


blocks|key|829952|text|ES6+map()方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|829953|let+arrayObj+=+[{key1:'value1',+key2:'value2'},{key1:'value1',+key2:'value2'}];

arrayObj+=+arrayObj.map(item+=>+{
++++++return+{
++++++++stroke:+item.key1,
++++++++key2:+item.key2
++++++};
++++});|code-block|syntax|javascript|829954|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map^0|4|5|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>ES6 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map" rel="noreferrer">map()</a> method:</p>
<pre><code>let arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];

arrayObj = arrayObj.map(item =&gt; {
      return {
        stroke: item.key1,
        key2: item.key2
      };
    });
</code></pre>


blocks|key|614507|text|您不能更改属性名称，您必须使用新名称添加值并删除旧属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|614508|for+(var+i+=+0;+i+<+arrayObj.length;+i%2B%2B)+{
++arrayObj[i].stroke+=+arrayObj[i].key1;
++delete+arrayObj[i].key1;
}|code-block|syntax|javascript|614509|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can't change a property name, you have to add the value with a new name and delete the old property:</p>

<pre><code>for (var i = 0; i &lt; arrayObj.length; i++) {
  arrayObj[i].stroke = arrayObj[i].key1;
  delete arrayObj[i].key1;
}
</code></pre>


blocks|key|830048|text|ES6只需要一行代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|830049|尝试以下代码：|830050|arrayObj.map(({+stroke,+key2+})+=>+({+yourNewKey:+stroke,+yourNewKey2:+key2+}));|code-block|syntax|javascript|830051|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>just one line of code needed with ES6</p>

<p>try following code :</p>

<pre><code>arrayObj.map(({ stroke, key2 }) =&gt; ({ yourNewKey: stroke, yourNewKey2: key2 }));
</code></pre>


blocks|key|614441|text|您不需要更改密钥名称。您可以指定一个新的密钥名称/值，然后根据需要删除以前的密钥。在您的示例中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|614442|var+arrayObj+=+[{key1,'value1',+key2:'value2'},{key1,'value1',+key2:'value2'}];
var+o+=+arrayObj[0];+++//+get+first+object
var+val+=+o.key1;++++++//+get+current+value
o.stroke+=+val;++++++++//+assign+to+new+key
delete+o.key1;+++++++++//+remove+previous+key|code-block|syntax|javascript|614443|如果要对主数组中的所有对象执行此操作，只需将其放入循环中，该循环将遍历数组的内容。我在这里放了更多的中间任务，只是为了记录正在发生的事情。|614444|或者循环中的缩写版本：|614445|for+(var+i+=+0;+i+<+arrayObj.length;+i%2B%2B)+{
++++var+o+=+arrayObj[i];
++++o.stroke+=+o.key1;
++++delete+o.key1;
}|614446|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>You don't change a key name.  You can assign a new key name/value and then remove the previous key if you want.  In your example:</p>

<pre><code>var arrayObj = [{key1,'value1', key2:'value2'},{key1,'value1', key2:'value2'}];
var o = arrayObj[0];   // get first object
var val = o.key1;      // get current value
o.stroke = val;        // assign to new key
delete o.key1;         // remove previous key
</code></pre>

<p>If you wanted to do that for all the objects in your main array, you would just put that in a loop that iterates over the contents of your array.  I've put more intermediate assignments in here than neccessary just to document what's going on.</p>

<p>Or a shortened version in a loop:</p>

<pre><code>for (var i = 0; i &lt; arrayObj.length; i++) {
    var o = arrayObj[i];
    o.stroke = o.key1;
    delete o.key1;
}
</code></pre>


blocks|key|830071|text|const+company+=++[{+id:"1",+name:"somename"},{+id:"1",+name:"somename"}]

company.map(({+id,+name+})+=>+({+companyId:+id,+companyName:+name+}));

//+output
//[{+companyId:"1",+companyName:"somename"},{+companyId:"1",+//companyName:"somename"}]|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|830072|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre class="lang-js prettyprint-override"><code>
const company =  [{ id:"1", name:"somename"},{ id:"1", name:"somename"}]

company.map(({ id, name }) =&gt; ({ companyId: id, companyName: name }));

// output
//[{ companyId:"1", companyName:"somename"},{ companyId:"1", //companyName:"somename"}]

</code></pre>


blocks|key|614320|text|function+changeKey(originalKey,+newKey,+arr)
{
++var+newArr+=+[];
++for(var+i+=+0;+i+<+arr.length;+i%2B%2B)
++{
++++var+obj+=+arr[i];
++++obj[newKey]+=+obj[originalKey];
++++delete(obj[originalKey]);
++++newArr.push(obj);
++}
++return+newArr;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|614321|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function changeKey(originalKey, newKey, arr)
{
  var newArr = [];
  for(var i = 0; i &lt; arr.length; i++)
  {
    var obj = arr[i];
    obj[newKey] = obj[originalKey];
    delete(obj[originalKey]);
    newArr.push(obj);
  }
  return newArr;
}
</code></pre>


blocks|key|830120|text|纯javascript|type|unstyled|depth|inlineStyleRanges|entityRanges|data|830121|var+array=[{oldkey:'oldkeyvalue',oldkey2:'oldkey2'}]
var+result=array.map(({+oldkey:+newkey,+...rest+})+=>+({+newkey,+...rest+}));
console.log(result)|code-block|syntax|javascript|830122|​|830123|加反划线或下划线js|830124|//Lodash/underscore.js
_.map(array,(({+oldkey:+newkey,+...rest+}))=>({+oldkey:+newkey,+...rest+}))|830125|上述技术不能设置字符串名称|830126|例如:全名或姓|830127|错误的方式：|830128|name:full+name|830129|正确的方式|830130|name:full_name|830131|您可以使用map以相同的方式实现string对象|830132|array.map((x)=>{
var+y={};
//also+use+spread+operator+if+necessary+but+key+want+to+remove+manually

y['full+name']=x['name'];
return+y;
})|830133|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|1D|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|Y|3|Z|5|6|7|1F|8|@]|9|@]|A|$]]|$1|10|3|11|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|12|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|13|$]]

<p>pure javascript
<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 array=[{oldkey:'oldkeyvalue',oldkey2:'oldkey2'}]
var result=array.map(({ oldkey: newkey, ...rest }) =&gt; ({ newkey, ...rest }));
console.log(result)</code></pre>
</div>
</div>
</p>
<p>lodash or underscore js</p>
<pre><code>//Lodash/underscore.js
_.map(array,(({ oldkey: newkey, ...rest }))=&gt;({ oldkey: newkey, ...rest }))
</code></pre>
<p>The above technique cant set  string name</p>
<p>eg:full name or last name</p>
<p>wrong way:</p>
<pre><code>name:full name
</code></pre>
<p>right way</p>
<pre><code>name:full_name
</code></pre>
<p>you can achieve string object in same way using map</p>
<pre><code>array.map((x)=&gt;{
var y={};
//also use spread operator if necessary but key want to remove manually

y['full name']=x['name'];
return y;
})
</code></pre>


blocks|key|830185|text|您可以使用一种不可变的方式来更改对象。还可以向对象添加新的键值对|type|unstyled|depth|inlineStyleRanges|entityRanges|data|830186|​|830187|let+arrayOfObj+=+[{id:"0",name:'myName'},{id:"2",name:'myNewName'}]
const+newArr+=+arrayOfObj.map(item+=>+({+...item,+id+:+Number(item.id),someRandomKey:'RandomValue'+}))
console.log(newArr)|code-block|syntax|javascript|830188|830189|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>You can use an immutable way of changing an object.
You can also add new key-value pairs to the object</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 arrayOfObj = [{id:"0",name:'myName'},{id:"2",name:'myNewName'}]
const newArr = arrayOfObj.map(item =&gt; ({ ...item, id : Number(item.id),someRandomKey:'RandomValue' }))
console.log(newArr)</code></pre>
</div>
</div>
</p>


<p>How can I change the key name in an array of objects?</p>

<pre><code>var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];
</code></pre>

<p>How can I change each <code>key1</code> to <code>stroke</code> so that I get:</p>

<pre><code>var arrayObj = [{stroke:'value1', key2:'value2'},{stroke:'value1', key2:'value2'}];
</code></pre>


Changing the key name in an array of objects?

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

如何更改对象数组中的键名？var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];如何将每个key1更改为stroke，以便获得：var arrayObj = [{stroke:'value1', key2:'value2'},{stroke:'value1', key2:'value2'}];

问更改对象数组中的键名？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改对象数组中的键名？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改对象数组中的键名？
EN