如何更改此嵌套对象数组中每个 id 的值？

Question

I have data structure similar like this

{"id": 1, "a": [{"id": 2, "b": [{"id": 3, "c": [{"id": 4}]}]}]}

I would like to change every id to null .

I know I could do loops and manually assign null to id . Is there any easy way to do this in JavaScript?

Answer 1

Bravo's comment was illuminating so I hope they don't mind if I expand on it here.

1. Turn the object into a string.

2. Parse it back into an object again.

What I didn't know is that JSON.parse has a "reviver" function that allows you to transform the string value as it's being parsed.

 const data = {"id": 1, "a": [{"id": 2, "b": [{"id": 3, "c": [{"id": 4}]}]}]}; // Turn the data into a string const str = JSON.stringify(data); // Parse the string back to an object // but using the reviver function to turn the value of any id // keys to null const newObj = JSON.parse(str, (key, value) => key === 'id' ? null : value); console.log(newObj);

Answer 2

Without changing the object to a JSON string, you could use recursion:

 function clearIds(obj) { if ("id" in Object(obj)) obj.id = null; Object.values(Object(obj)).forEach(clearIds); } // Demo let obj = {"id": 1, "a": [{"id": 2, "b": [{"id": 3, "c": [{"id": 4}]}]}]}; clearIds(obj); console.log(obj);

This mutates the given object in place.

For fun: the same function as a one-liner:

 const clearIds = o => "id" in Object(o) && (o.id = null) || Object.values(Object(o)).forEach(clearIds); // Demo let obj = {"id": 1, "a": [{"id": 2, "b": [{"id": 3, "c": [{"id": 4}]}]}]}; clearIds(obj); console.log(obj);