主页 / 问题 / 976704
Accepted
zeni1agent
Asked:2020-04-30 23:20:27 +0000 UTC2020-04-30 23:20:27 +0000 UTC

如何为关联数组（对象）的元素创建可编辑路径？

  • 772

我有一个关联的数组（对象）。

    var test_array = {
    "things":{
      "equipment":{
        "car":{
          "id1":   "00",
        "id2":   "01" 
        },
        "engine":{
          "id3":   "02",
        "id4":   "03" 
        }
      },
      "organics":{
        "flor":{
          "id5":   "04",
        "id6":   "05" 
        },
        "mushrooms":{
          "id7":   "06",
        "id8":   "07" 
        }
      }
    }
    };

并将元素的存储路径作为数组。

     var way = ['things','equipment','car']

我想使用 forEach 方法来获取数组 test_array 的元素

类似物

      test_array['things']['equipment']['car']

用于进一步编辑。添加和删​​除元素。

我试过这样

    array_clone2 = test_array; 
    way.push($(this).attr("id")) 
    way.forEach(function(element) {
    array_clone2  = array_clone2[element];
    });
    console.log(array_clone2);

但我意识到我只是在创建数组的副本，从主元素中删除任何元素都行不通。有没有人有解决方案如何做到这一点？

javascript

2 个回答

  1. Best Answer

    尽管在 javascript 中对象是关联数组，但它们通常不被称为数组，它们被简单地称为对象。

    至于问题，这里有类似这个函数的东西，你可以一路获取对象：

    function get(o, w) {  
   return w.reduce((a,e) => a[e], o);
}

function del(o, w) {  
  w.forEach((p, i) => i + 1< w.length ? o = o[p] : delete o[p]); 
}


    var test_array = {
  "things":{
    "equipment":{
      "car":{
        "id1":   "00",
        "id2":   "01" 
      },
      "engine":{
        "id3":   "02",
        "id4":   "03" 
      }
    },
    "organics":{
      "flor":{
        "id5":   "04",
        "id6":   "05" 
      },
      "mushrooms":{
        "id7":   "06",
        "id8":   "07" 
      }
    }
  }
};

var way = ['things', 'equipment', 'car'];

get(test_array, way).example = 123;

function del(o, w) {  
  w.forEach((p, i) => i + 1< w.length ? o = o[p] : delete o[p]); 
}

function get(o, w) {  
  return w.reduce((a,e) => a[e], o);
}

console.log(JSON.stringify(test_array));

del(test_array, way)

console.log(JSON.stringify(test_array));

    • 1 

  2. var test_array = {
    "things":{
      "equipment":{
        "car":{
          "id1":   "00",
        "id2":   "01" 
        },
        "engine":{
          "id3":   "02",
        "id4":   "03" 
        }
      },
      "organics":{
        "flor":{
          "id5":   "04",
        "id6":   "05" 
        },
        "mushrooms":{
          "id7":   "06",
        "id8":   "07" 
        }
      }
    }
  };
  
  var way = ['things','equipment','car'];
  
  let res = null;
  
  f(test_array,way,0);
  
  console.log(res);
  
  function f(obj, way, n){
    if (way.length === n) return;
    res = obj[way[n]];
    f(obj[way[n]],way,n+=1);
  }

    • 0

相关问题