changing an array of javascript objects with a single key to an array that contains the objects' data

Question

I currently have data in the following format:

var anArray = [
  obj1: {
    key1: data1
  },
  obj2: {
    key2: data2
  },
];

I would like the data to instead be in the following format:

var array2 = [data1, data2];

for some reason, I cannot figure out a concise way to to this. I know it could be done with a forEach loop that iterates over each object and pushes it onto a new array, but I would prefer to be more elegant (and shorter if possible) than that.

That is not a valid Javascript object literal. Please provide your object/arrays in valid notation. — trincot
– trincot, Commented Feb 21, 2017 at 22:10
Possible duplicate of From an array of objects, extract value of a property as array — Bulent Vural
– Bulent Vural, Commented Feb 21, 2017 at 22:19
After this edit, it is still invalid. After a [ you cannot have a property name with a colon following it. First check in your code that it does not produce a syntax error, before posting. — trincot
– trincot, Commented Feb 21, 2017 at 22:23

Seva Arkhangelskiy · Accepted Answer · 2017-02-21 22:33:35Z

1

const anArray = {
  obj1: {
    key1: "A"
  },
  obj2: {
    key2: "B"
  },
};

const result = Object.keys(anArray).map(key => {
  const obj = anArray[key];
  return Object.keys(obj).map(key => obj[key])[0];
});

console.log(result);

answered Feb 21, 2017 at 22:33

Seva Arkhangelskiy

6853 silver badges12 bronze badges

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

Comments

Mathias W · Accepted Answer · 2017-02-21 22:27:52Z

0

Given that anArray is actually properly structured to be valid, then you could do the following: Note that in this case anArray isn't an actual array but rather a object literal

var anArray = {
    obj1: {
        key1: "data1"
    },
    obj2: {
        key2: "data2"
    },
};

var array2 = []
for(i in anArray){
    for(j in anArray[i]){
        array2.push(anArray[i][j])
    }
}
console.log(array2)

https://jsfiddle.net/wh4r0w5s/

answered Feb 21, 2017 at 22:27

Mathias W

1,56113 silver badges16 bronze badges

Comments

Hosar · Accepted Answer · 2017-02-21 23:20:37Z

Try with:

const arr1 = [
	{key1:'value1'},
        {key2:'value2'}  
]

const res = arr1.map(obj => {
	          return Object.keys(obj).map(val => obj[val])
           }).reduce((acc,v) => {	
	          return acc.concat(v);
           },[]);

console.log(res);

update
But if you have the following form:

var anArray = [
  obj1: {
    key1: data1
  },
  obj2: {
    key2: data2
  },
];

It's better to apply a recursive function, as follow:

const arr1 = [
	{
  	obj1:{key1:'value1',key3:'value3'}
  },
	{
  	obj2:{key2:'value2'}
  }
]

const getValuesFromObj = (obj) => {
	if(typeof obj === 'string')
  	return obj;
    
	return Object.keys(obj).map(key => {
  	    return getValuesFromObj(obj[key]);
        }).reduce((acc,v) => {
  	return acc.concat(v); 		
  },[]);
}



const r2 = getValuesFromObj(arr1);
console.log(r2);

Collectives™ on Stack Overflow

changing an array of javascript objects with a single key to an array that contains the objects' data

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related