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

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

edited Jun 18, 2019 at 18:18

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

IceMetalPunk Over a year ago

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

Alexander Nied Over a year ago

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

lampyridae Over a year ago

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

Comments

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

See Docs: http://api.jquery.com/jQuery.map/

answered Jun 18, 2019 at 18:30

Mateus Martins

4424 silver badges16 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related