将对象键及其值推送到数组

Question

我有一个这样的对象：

{
 "id": 23,
 "name": "Jacob",
 "link": {
     "rel": "self",
     "link": "www.abc.com"
 },
 "company":{
       "data":{
           "id": 1,
           "ref": 324
       }
 }

我想将每个键及其值存储到这样的 javascript 或打字稿中的数组中 [["id":23], ["name":"Jacob"], ["link":{......, ......}]] 等等

我这样做是为了我可以为每个附加一个 ID。 我最好的猜测是我会遍历数组并为每个元素附加一个 ID/a 标志，我也不知道该怎么做......如何解决这个问题？ 谢谢

Answer 1

var arr = [];

for (var prop in obj) {
   if (obj.hasOwnProperty(prop)) {
      var innerObj = {};
      innerObj[prop] = obj[prop];
      arr.push(innerObj)
   }
}
    
console.log(arr);

这是演示https://plnkr.co/edit/9PxisCVrhxlurHJYyeIB?p=preview

Answer 2

p.forEach( function (country) { 
  country.forEach( function (entry) {
    entry.push( {"value" : 'Greece', "synonyms" : 'GR'});
   });
 });

Answer 3

您可以尝试使用实验性Object.entries ：

 let obj = { "id": 23, "name": "Jacob", "link": { "rel": "self", "link": "www.abc.com" }, "company":{ "data":{ "id": 1, "ref": 324 } }}; console.log(Object.entries(obj).map(item => ({[item[0]]:item[1]})));

对于不受支持的浏览器，您可以使用 polyfill： https : //github.com/es-shims/Object.entries

Answer 4

您可以使用Object.keys方法获取键数组，然后使用Array#map方法返回一个新数组，该数组包含每个属性的单个对象。

这个 ES6 one-liner 应该这样做：

const splitObject = o => Object.keys(o).map(e => ({ [e]: o[e] }));

或者在 ES5 中：

function splitObject(o) {
    return Object.keys(o).map(function(e) {
        return Object.defineProperty({}, e, { 
            value: o[e], 
            enumerable: true 
        });
    });
}

Answer 5

您可以对对象及其嵌套部分使用迭代/递归方法。 它适用于任何深度。

 function getKeyValue(object) { return Object.keys(object).reduce(function (result, key) { return result.concat( object[key] && typeof object[key] === 'object' ? getKeyValue(object[key]) : [[key, object[key]]] ); }, []); } var data = { id: 23, name: "Jacob", link: { rel: "self", link: "www.abc.com" }, company: { data: { id: 1, ref: 324 } } }; console.log(getKeyValue(data));

 .as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 6

  var res = [];
_.transform( {
  "id": 23,
  "name": "Jacob",
  "link": {
    "rel": "self",
    "link": "www.abc.com"
  },
  "company": {
    "data": {
      "id": 1,
      "ref": 324
    }
  }
}, function(result, value, key) {
    res.push(key +':'+value);
}, {});

您可以使用下划线

Answer 7

支持所有主流浏览器，包括 IE11

Object.entries() 正是为您提供了这一点。

const obj = {
  id: 23,
  name: 'Jacob',
  link: {
    rel: 'self',
    link: 'www.abc.com'
  },
  company: {
    data: {
      id: 1,
      ref: 324
    }
   }
 };

Object.entries(obj);
// output:
[
    [
        "id",
        23
    ],
    [
        "name",
        "Jacob"
    ],
    [
        "link",
        {
            "rel": "self",
            "link": "www.abc.com"
        }
    ],
    [
        "company",
        {
            "data": {
                "id": 1,
                "ref": 324
            }
        }
    ]
]

Answer 8

var obj=[{"Name":ABC,"Count":123},{"Name":XYZ,"Count":456}];
var arr = [];

for (var prop in obj) {
      if (obj.hasOwnProperty(prop)) {
        var innerObj = {};
        innerObj[0] = obj[prop];
        arr.push(innerObj[0]);
      }
    }

/* 在上面的例子中，innerobj 索引设置为 0 那么我们将把相同的数据放入 arr 如果你没有提及，那么 arr 将包含 arr[0] 我们的结果。 然后我们需要像这样调用第一条记录 obj arr[0][0]*/

Answer 9

const foo = { "bar": "foobar", "foo": "foobar" }
Object.entries(foo)

应该导致：

[["bar", "foobar"], ["foo", "foobar"]]

也许有一个函数可以将所有逗号转换为冒号

这是文档
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries