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

时间:2017-01-31 06:46:51

标签: javascript typescript

我有一个像这样的对象:

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

我想将每个键及其值存储在javascript或typescript中的数组中 [[" id":23],[" name":" Jacob"],[" link":{..... 。,......}]]等等

我这样做是为了我可以为每个附加一个ID,我最好的猜测我会循环遍历数组并为每个附加一个ID /一个标志...我不知道怎么做......如何解决这个问题? thanx

9 个答案:

答案 0 :(得分:5)

var arr = [];

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

    console.log(arr);

这里是demo https://plnkr.co/edit/9PxisCVrhxlurHJYyeIB?p=preview

答案 1 :(得分:2)

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

答案 2 :(得分:1)

您可以尝试使用实验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

答案 3 :(得分:0)

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

这个ES6单行应该这样做:

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 
        });
    });
}

答案 4 :(得分:0)

  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);
}, {});

您可以使用下划线

答案 5 :(得分:0)

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

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; }

答案 6 :(得分:0)

所有主流浏览器都支持,包括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
            }
        }
    ]
]

答案 7 :(得分:0)

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]);
      }
    }

/ *在上面将内部对象索引设置为0的情况下,如果您不注意,我们将获得相同的数据到arr中,然后arr将arr [0]包含在我们的结果中。     那么我们需要像这样* /

调用第一个记录obj arr [0] [0]

答案 8 :(得分:0)

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