Push object keys and its values to array

Question

I have an object like this:

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

I want to store each key with its value to an array in javascript or typescript like this

[
    [
        "id": 23
    ], [
        "name": "Jacob"
    ], [
        "link": { ......, ......}
    ]
]

and so on

I am doing this so that I can append an ID for each.

My best guess I would loop through the array and append an ID/a flag for each element, which I don't know how to do as well.... how to address this issue?

What you want is invalid syntax. Instead, explain what problem you're solving. — zerkms
– zerkms, Commented Jan 31, 2017 at 6:48
Yes. How about something like that: [["id",23], ["name","Jacob"], ["link",{......, ......}]] — Maurice Perry
– Maurice Perry, Commented Jan 31, 2017 at 6:50
hmm I see... its a bit complicated to explain, let me get back to you later — Yasir
– Yasir, Commented Jan 31, 2017 at 6:51

Rajendran Nadar · Accepted Answer · 2020-11-01 02:34:10Z

16

var arr = [];

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

here is demo https://plnkr.co/edit/9PxisCVrhxlurHJYyeIB?p=preview

edited Nov 1, 2020 at 2:34

Rajendran Nadar

5,4784 gold badges37 silver badges56 bronze badges

answered Jan 31, 2017 at 7:03

Salih Şenol Çakarcı

2,33015 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Yasir Over a year ago

thats close man, thanx but still it separates the keys in an array and values in a different one array[2] -> 0: id 1: 23

Salih Şenol Çakarcı Over a year ago

it is just displaying like that it is actually ["id", 23]

Salih Şenol Çakarcı Over a year ago

Arrays in JS has indexes. so if you want to reach "id" you just console.log(arr[0][0]) to see it

Salih Şenol Çakarcı Over a year ago

console.log(arr[0]); the result is ["id", 23]

Yasir Over a year ago

@Sahil I dont need it to be separated... I am using ionic 2 and to refer to values I reference the keys only in order to get them

Manos Kaparos · Accepted Answer · 2017-09-10 15:53:01Z

5

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

answered Sep 10, 2017 at 15:53

Manos Kaparos

1392 silver badges12 bronze badges

1 Comment

tima Over a year ago

Hello, an explanation of the code would help other users.

Andriy · Accepted Answer · 2017-01-31 07:32:01Z

2

you can try to use experimental 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]})));

for unsupported browsers you can use polyfill: https://github.com/es-shims/Object.entries

edited Jan 31, 2017 at 7:32

answered Jan 31, 2017 at 6:58

Andriy

15.5k4 gold badges48 silver badges52 bronze badges

2 Comments

Yasir Over a year ago

thats not what Im looking for...it separates the values "id",23

Andriy Over a year ago

I added Array.map function to my code, please check again if it is your desired result

Nina Scholz · Accepted Answer · 2017-01-31 07:46:41Z

2

You could use an iterative/recursive approach with the object and their nested parts. It works for any depths.

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

answered Jan 31, 2017 at 7:46

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

score 2 · Accepted Answer · 2017-01-31 09:05:04Z

2

You can use the Object.keys method to get an array of the keys, then use the Array#map method to return a new array containing individual objects for each property.

This ES6 one-liner should do it:

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

Or in ES5:

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

edited Jan 31, 2017 at 9:05

answered Jan 31, 2017 at 7:14

user4639281

Comments

Pramod Patil · Accepted Answer · 2017-01-31 07:25:05Z

1

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

You can use underscore

answered Jan 31, 2017 at 7:25

Pramod Patil

2,7632 gold badges16 silver badges20 bronze badges

Comments

slanden · Accepted Answer · 2019-01-28 21:36:29Z

0

Supported in all major browser, including IE11

Object.entries() gives you exactly this.

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

answered Jan 28, 2019 at 21:36

slanden

1,3972 gold badges17 silver badges37 bronze badges

Comments

sreenath t · Accepted Answer · 2019-07-15 14:25:03Z

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

/* Here above exmple innerobj index set to 0 then we will get same data into arr if u not menstion then arr will conatins arr[0] our result. then we need to call first record obj arr[0][0] like this*/

answered Jul 15, 2019 at 14:25

sreenath t

11 bronze badge

Comments

jpkmiller · Accepted Answer · 2020-07-01 10:33:18Z

0

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

should result in:

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

maybe there's a function to pass to convert all commas to colons

Here's the documentation
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

answered Jul 1, 2020 at 10:33

jpkmiller

459 bronze badges

Collectives™ on Stack Overflow

Push object keys and its values to array

9 Answers 9

5 Comments

1 Comment

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

5 Comments

1 Comment

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related