javascript多层嵌套数组遍历与修改
在javascript开发中，经常会遇到多层嵌套数组结构的数据，例如树形结构的数据。如何有效地遍历并修改这些数据，是一个常见的问题。本文将针对一个不确定层数，每层都可能包含child属性的数组结构，探讨如何使用递归方法进行遍历和修改。
假设我们拥有如下结构的数组：
let a = [
{
id: 1,
title: 'xxx',
child: [
{
id: 2,
title: 'xxx',
child: [
{
id: 3,
title: 'xxx',
child: [],
},
],
},
],
},
];我们需要遍历这个数组，并将其中的所有title属性值修改为'1'。由于数组的层数不确定，因此需要采用递归的方法。
以下代码实现了这个功能：
立即学习“Java免费学习笔记（深入）”；
let a = [
{
id: 1,
title: 'xxx',
child: [
{
id: 2,
title: 'xxx',
child: [
{
id: 3,
title: 'xxx',
child: [],
},
],
},
],
},
];
//把title的值修改成1
function modifytitle(arr) {
for (let i = 0; i < arr.length; i++) {
arr[i].title = '1';
if (array.isarray(arr[i].child) && arr[i].child.length > 0) {
modifytitle(arr[i].child);
}
}
}
modifytitle(a);
console.log(json.stringify(a));这段代码首先定义了一个名为modifytitle的函数，该函数接收一个数组作为参数。函数内部使用for循环遍历数组中的每个元素，将每个元素的title属性修改为'1'。然后，它检查当前元素是否包含child属性，并且child属性是否为一个非空的数组。如果是，则递归调用modifytitle函数，处理child数组中的元素。最终，console.log输出修改后的数组。 输出结果如下：
[
{
"id": 1,
"title": "1",
"child": [
{
"id": 2,
"title": "1",
"child": [
{
"id": 3,
"title": "1",
"child": []
}
]
}
]
}
]这个例子展示了如何使用递归方法有效地遍历和修改多层嵌套数组。通过判断child属性的存在和类型，递归函数可以处理任意层数的嵌套数组。
