blocks|key|2656235|text|使用ramda帮助修改对象，使用cuid生成唯一ids：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2656236|const+cuid+=+require('cuid')
const+{+evolve,+map+}+=+require('ramda')

const+replaceIds+=+obj+=>
++evolve({
++++id:+cuid,
++++children:+map(replaceIds)
++},+obj)

map(replaceIds,+theobject)+//+usage|code-block|syntax|javascript|2656237|输出：|2656238|[
++{
++++"id":+"cji6e7qbf000cppatumn9nf6c",
++++"children":+[
++++++{
++++++++"id":+"cji6e7qbf000dppatymupdw5r",
++++++++"children":+[
++++++++++{
++++++++++++"id":+"cji6e7qbf000eppatbn3v7qlt",
++++++++++++"children":+[]
++++++++++}
++++++++]
++++++},
++++++{
++++++++"id":+"cji6e7qbf000fppat2ermw8jn",
++++++++"children":+[]
++++}
++++]
++},
++{
++++"id":+"cji6e7qbf000gppatuxiv0bsh",
++++"children":+[
++++{
++++++"id":+"cji6e7qbf000hppatx3em7n0e",
++++++"children":+[]
++++}]
++}
]|2656239|注意：这将按最初键入的方式回答您的问题。如果children属性有所不同，但都是已知的，则可以按如下方式进行修改：|BOLD|2656240|const+replaceIds+=+obj+=>
++evolve({
++++id:++++++cuid,
++++cheeto:++map(replaceIds),
++++cookies:+map(replaceIds),
++++donut:+++map(replaceIds),
++++eggo:++++map(replaceIds),
++++milk:++++map(replaceIds),
++++waffle:++map(replaceIds),
++},+obj)|2656241|如果它们不同并且未知，那么您需要尝试另一种方法。|2656242|entityMap^0|2|5|G|4|0|0|0|0|0|3|M|8|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|15|8|@$9|16|A|17|B|Q]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|R|3|S|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|T|3|U|5|6|7|1B|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|W|$]]

Using <code>ramda</code> to help with modifying the object, and <code>cuid</code> to generate the unique ids:

<pre><code>const cuid = require('cuid')
const { evolve, map } = require('ramda')

const replaceIds = obj =&gt;
 evolve({
 id: cuid,
 children: map(replaceIds)
 }, obj)

map(replaceIds, theobject) // usage
</code></pre>

Outputs:

<pre><code>[
 {
 "id": "cji6e7qbf000cppatumn9nf6c",
 "children": [
 {
 "id": "cji6e7qbf000dppatymupdw5r",
 "children": [
 {
 "id": "cji6e7qbf000eppatbn3v7qlt",
 "children": []
 }
 ]
 },
 {
 "id": "cji6e7qbf000fppat2ermw8jn",
 "children": []
 }
 ]
 },
 {
 "id": "cji6e7qbf000gppatuxiv0bsh",
 "children": [
 {
 "id": "cji6e7qbf000hppatx3em7n0e",
 "children": []
 }]
 }
]
</code></pre>

Note: This answers your questions as originally typed. If the <code>children</code> props vary, but are all known, you can modify like this:

<pre><code>const replaceIds = obj =&gt;
 evolve({
 id: cuid,
 cheeto: map(replaceIds),
 cookies: map(replaceIds),
 donut: map(replaceIds),
 eggo: map(replaceIds),
 milk: map(replaceIds),
 waffle: map(replaceIds),
 }, obj)
</code></pre>

If they vary and are not known, then you'll need to try another method.

blocks|key|2656313|text|最简单的方法=递归解决方案。不需要库。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2656314|假设您知道每个对象都会有密钥的+id+&+children，下面的代码将会像发布的那样工作。|CODE|2656315|否则，如果对象上可能不存在键，则需要将每个突变范围嵌套在"+if“大括号中。|2656316|const+makeId+=+(objArray)+=>+{
++return+objArray.map((obj,+i)+=>+{
++++obj.id+=+Math.floor(Math.random()+*+1234567890);+++//+Just+making+a+simple+ID.++Typically+use+"uuid"+or+some+other+ID+libarary+generator.

++++if+(obj.children.length)+obj.children+=++makeId(obj.children);

++++return+obj;
++});
}

makeId(theobject);|code-block|syntax|javascript|2656317|备注此解决方案使用ES6。如果您需要使用Babel为ES6设置应用程序/algo的帮助，请查看我写的一篇here文章，该文章将指导您完成这一过程。|2656318|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/@tobiahrex/es6-class-static-props-in-react-7b7480381e06^0|7|2|0|C|3|G|2|L|8|0|0|0|0|2|1G|4|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|H]|$9|17|A|18|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|19|8|@]|D|@]|E|$]]|$1|K|3|L|5|M|7|1A|8|@]|D|@]|E|$N|O]]|$1|P|3|Q|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|R|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

Simplest approach = recursive solution. No libraries necessary.

Assuming you know for a fact that each object will have the key's <code>id</code> &amp; <code>children</code> The below will work as posted. 

Otherwise, if the key's may not exist on the object, then nesting each mutation scope inside "if" braces will be required.

<pre><code>const makeId = (objArray) =&gt; {
 return objArray.map((obj, i) =&gt; {
 obj.id = Math.floor(Math.random() * 1234567890); // Just making a simple ID. Typically use "uuid" or some other ID libarary generator.

 if (obj.children.length) obj.children = makeId(obj.children);

 return obj;
 });
}

makeId(theobject);
</code></pre>

NOTE 
This solution uses ES6. If you need assistance setting up your app/algo for ES6 using Babel, check out an article I wrote <a href="https://medium.com/@tobiahrex/es6-class-static-props-in-react-7b7480381e06" rel="nofollow noreferrer">here</a> that will walk you through it.

blocks|key|2446865|text|尝试下面的方法，一个简单的递归解决方案，它将更新所有的id：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2446866|​|2446867|var+theobject+=[{"id":"lol","milk":[{"id":"lol","waffle":[{"id":"lol","eggo":[]}]},{"id":"lol","cookies":[]}]},{"id":"lol","donut":[{"id":"lol","cheeto":[]}]}];

function+updateId(arr){
++for(var+i+=+0;+i+<+arr.length;i%2B%2B){
+++++Object.keys(arr[i]).forEach((key)=>{
++++++++if(arr[i][key].constructor.toString().indexOf("Array")+>+-1)
+++++++++++updateId(arr[i][key]);
+++++});
++++++if(arr[i].id)
++++++++arr[i].id+=+Math.random().toString(36).slice(-8);
++}
}
updateId(theobject);
console.log(theobject);|code-block|syntax|javascript|2446868|2446869|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|$]]

Try the following, A simple recursive solution which will update all the id:

<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 theobject =[{"id":"lol","milk":[{"id":"lol","waffle":[{"id":"lol","eggo":[]}]},{"id":"lol","cookies":[]}]},{"id":"lol","donut":[{"id":"lol","cheeto":[]}]}];

function updateId(arr){
 for(var i = 0; i &lt; arr.length;i++){
 Object.keys(arr[i]).forEach((key)=&gt;{
 if(arr[i][key].constructor.toString().indexOf("Array") &gt; -1)
 updateId(arr[i][key]);
 });
 if(arr[i].id)
 arr[i].id = Math.random().toString(36).slice(-8);
 }
}
updateId(theobject);
console.log(theobject);</code></pre>
</div>
</div>

I am trying to replace every instance of the "id" with a random unique ID value.

Is there a way to replace all of them at once?

My code:

<pre><code>var theobject = [
 {
 "id":"lol",
 "milk":[
 {
 "id":"lol",
 "waffle":[
 {
 "id":"lol",
 "eggo":[]
 }
 ]
 },
 {
 "id":"lol",
 "cookies":[]
 }
 ]
 },
 {
 "id":"lol",
 "donut":[
 {
 "id":"lol",
 "cheeto":[]
 }
 ]
 }
];
</code></pre>

How can I replace every ID instance in a javascript Object

我正在尝试用一个随机的唯一ID值替换" ID“的每个实例。有没有办法一次把它们全部替换掉？My code:var theobject = [    {    "id":"lol",    "milk":[            {                "id":"lol",                "w...

问如何替换javascript对象中的每个ID实例
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何替换javascript对象中的每个ID实例EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何替换javascript对象中的每个ID实例
EN