你可以使用递归的方式来遍历这个数组,并将所有的name值存放到一个新的数组中。可以使用以下代码实现:

function getNames(arr) {
  let names = [];
  for (let i = 0; i < arr.length; i++) {
    names.push(arr[i].name);
    if (arr[i].children) {
      names = names.concat(getNames(arr[i].children));
    }
  }
  return names;
}

let data = [
  {
    id: 1,
    name: 1,
    children: [
      {
        id: '1-1',
        name: '1-1',
        children: [
          {
            id: '1-1-1',
            name: '1-1-1',
          }
        ]
      },
      {
        id: '1-2',
        name: '1-2',
        children: [
          {
            id: '1-2-1',
            name: '1-2-2',
          }
        ]
      },
      {
        id: '1-3',
        name: '1-3',
        children: [
          {
            id: '1-3-1',
            name: '1-3-2',
          }
        ]
      },
    ]
  }
];

let names = getNames(data);
console.log(names);

这样,names数组就包含了所有的name值

vue中帮我把这个数组里面的所有的name拿出来放到一个数组里 id 1 name 1 children id 1-1 name 1-1 children i

原文地址: https://www.cveoy.top/t/topic/h96v 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录