Trying to remove keys from array of objects

Question

I've got a Javascript array with a set of objects and I'm trying to remove the key for each of the objects within that array (i.e. the 0s and 1s), however I'm struggling to find a Javascript function that does the trick.

[{
    '0': {
      id: '630640',
      stuff: 'name1',
      anotherProp: 'prop1'
    },
    '1': {
      id: '630640',
      stuff: 'name2',
      anotherProp: 'prop2'
    },
    id: '630640'
  },
  {
    '0': {
      id: '694969',
      stuff: 'name3',
      anotherProp: 'prop3'
    },
    id: '694969'
  },
  undefined
]

I've tried the following but it doesn't remove the keys.

var keys = Object.keys(input),
  output = [];
for (var i = 0, length = keys.length; i < length; ++i)
  output.push(input[keys[i]]);
  
console.log(output);

What exactly is the desired output? Do you need to mutate, or do you just want a new data structure? — CertainPerformance
– CertainPerformance, Commented Jul 18, 2019 at 7:22
Hi, Thank you for the quick response, the desired response is var input = [ { { id: '630640', stuff: 'name1', anotherProp: 'prop1' }, { id: '630640', stuff: 'name2', anotherProp: 'prop2' }, id: '630640' }, { { id: '694969', stuff: 'name3', anotherProp: 'prop3' }, id: '694969' } ]; — Mark Gabb
– Mark Gabb, Commented Jul 18, 2019 at 7:36
Sorry about the formatting.... Trying to work out how to make the code look nicer formatted. — Mark Gabb
– Mark Gabb, Commented Jul 18, 2019 at 7:36
@MarkGabb your expected output is not a valid JSON, objects are always in key, value pair. Valid JSON — arizafar
– arizafar, Commented Jul 18, 2019 at 7:43

arizafar · Accepted Answer · 2019-07-18 07:33:27Z

1

You can first filter out all non-null values from arrays then use Object.values to get the values ob each object

let input = [{
	'0': {
		id: '630640',
		stuff: 'name1',
		anotherProp: 'prop1'
	},
	'1': {
		id: '630640',
		stuff: 'name2',
		anotherProp: 'prop2'
	},
	id: '630640'
},
{
	'0': {
		id: '694969',
		stuff: 'name3',
		anotherProp: 'prop3'
	},
	id: '694969'
},
undefined
];

let output = input.filter(nonNull => nonNull).map(obj => Object.values(obj));
console.log(output)

answered Jul 18, 2019 at 7:33

arizafar

3,1321 gold badge11 silver badges19 bronze badges

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

Comments

nick zoum · Accepted Answer · 2019-07-18 08:02:55Z

0

You could use Object.values to just get all the values of an object. If you also want to support older browsers you could instead use Object.keys and map the values yourself.

var input = JSON.parse(`[{"0":{"id":"630640","stuff":"name1","anotherProp":"prop1"},"1":{"id":"630640","stuff":"name2","anotherProp":"prop2"},"id":"630640"},{"0":{"id":"694969","stuff":"name3","anotherProp":"prop3"},"id":"694969"},null]`);

console.log(input.filter(Boolean).map(function(item) {
  return Object.values(item);
}));

You could also try this format: {630640: [{},{}], 634969: [{}]}

var input = JSON.parse(`[{"0":{"id":"630640","stuff":"name1","anotherProp":"prop1"},"1":{"id":"630640","stuff":"name2","anotherProp":"prop2"},"id":"630640"},{"0":{"id":"694969","stuff":"name3","anotherProp":"prop3"},"id":"694969"},null]`);

console.log(input.filter(Boolean).reduce(function(result, item) {
  result[item.id] = Object.values(item).filter(function(property) {
    return typeof property === "object" && property;
  });
  return result;
}, {}));

Or this format: [{id:630640, list: [{},{}]},{id:634969, list: [{}]}]

var input = JSON.parse(`[{"0":{"id":"630640","stuff":"name1","anotherProp":"prop1"},"1":{"id":"630640","stuff":"name2","anotherProp":"prop2"},"id":"630640"},{"0":{"id":"694969","stuff":"name3","anotherProp":"prop3"},"id":"694969"},null]`);

console.log(input.filter(Boolean).map(function(item) {
  return {
    id: item.id,
    list: Object.values(item).filter(function(property) {
      return typeof property === "object" && property;
    })
  };
}));

If you want to support older browser support you can polyfill Object.values like this:

Object.defineProperty(Object, "values", {
  configurable: false,
  writable: false,
  value: function(obj) {
    return Object.keys(obj).map(function(key) {
      return obj[key];
    });
  }
});

edited Jul 18, 2019 at 8:02

answered Jul 18, 2019 at 7:29

nick zoum

6,6538 gold badges43 silver badges93 bronze badges

4 Comments

Mark Gabb Over a year ago

Thank you for your prompt response Nick. I've tried your solution but it put the results for 63040 into seperate objects rather than being kept in an overall Object. It's probably my fault for not being clear in my original post about what format I wanted. This is my desired output

var input = [ { { id: '630640', stuff: 'name1', anotherProp: 'prop1' }, { id: '630640', stuff: 'name2', anotherProp: 'prop2' }, id: '630640' }, { { id: '694969', stuff: 'name3', anotherProp: 'prop3' }, id: '694969' } ];

nick zoum Over a year ago

@MarkGabb What you wrote isn't valid JSON format. You can't remove the 0 and 1 and keep the id. If you want Object format you will need to have 0 and 1. If you want Array format you will have to remove the id. You can either do [{...},{...},"63040"] or {0:{},1:{},id:"63040"}.

nick zoum Over a year ago

@MarkGabb If you are willing to change the format you could do: {630640:[{...},{...}],694969:[{...}]}

nick zoum Over a year ago

@MarkGabb Please check the updated answer, to see if any of the additional formats work for you.

Collectives™ on Stack Overflow

Trying to remove keys from array of objects

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related