how to remove object property and take specific values from array by jQuery

Question

from this array:

var arr = [
    {
    element: 'anything',
    order: 1
  }, 
  {
    element: 'something',
    order: 2
  }
]

I want to generate this:

arr = ['anything', 'something'];

How to do this?

James L. · Accepted Answer · 2019-06-18 18:18:44Z

4

Use the map function

var arr2 = arr.map(x => x.element);

answered Jun 18, 2019 at 18:18

James L.

14.8k6 gold badges54 silver badges65 bronze badges

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

3 Comments

Or even more concise: arr.map(x => x.element) ;)

And, perhaps worth noting, no jQuery needed-- this is vanilla JS.

Worth noting that arrow functions do not work in Internet Explorer 11 (for those stuck with legacy users).

Jason · Accepted Answer · 2019-06-18 18:21:06Z

1

You can use something like

var newArr = [];
$.each(arr, function(index, value) {
    newArr.push(value);
});

answered Jun 18, 2019 at 18:21

Jason

2942 silver badges10 bronze badges

Mateus Martins · Accepted Answer · 2019-06-18 18:30:26Z

1

You can use vanilla js: as shown by @James L.:

arr.map(x => x.element);

or use jQuery Map function:

$.map(arr, function(val, i){
  return val.element;
})

answered Jun 18, 2019 at 18:30

Mateus Martins

4424 silver badges16 bronze badges