How can I take only few property from my array objects in js [duplicate]

Question

I am trying to get only 2 properties from array objects.

This is my array:

 [
0: {_id: '621723ddc1f73de5f7e4dcb9', label: 'new 22', slug: 'new-22', vendor: 'admin', options: Array(1)}
1: {_id: '6217272ec1f73de5f7e4dcba', label: 'new 33', slug: 'new-33', vendor: 'admin', options: Array(1)}
]

I am trying to get only label and slug my expectation is :

[
0: {label: 'new 22', slug: 'new-22'}
1: {label: 'new 33', slug: 'new-33'}
]

I have tried like this way: but it's returning full array objects

          let tempArray;
          for (let i = 0; i < data.length; i += 2) {
                tempArray = data.slice(data[i], data[i + 2]);
              }
                setAttributeLabel(tempArray);

This should do it: 'const newArr = origArr.map(({label, slug, ...rest}) => ({label, slug}));` — jsN00b
– jsN00b, Commented Feb 24, 2022 at 7:10

Amila Senadheera · Accepted Answer · 2022-02-24 07:08:29Z

9

You can use Array.prototype.map to filter out the required properties.

const array = [{_id: '621723ddc1f73de5f7e4dcb9', label: 'new 22', slug: 'new-22', vendor: 'admin', options: Array(1)}, {_id: '6217272ec1f73de5f7e4dcba', label: 'new 33', slug: 'new-33', vendor: 'admin', options: Array(1)}];

const newArray = array.map(({label, slug}) => ({label, slug}));

console.log(newArray);

answered Feb 24, 2022 at 7:08

Amila Senadheera

13.4k16 gold badges31 silver badges48 bronze badges

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

2 Comments

Franky Kraisorn Over a year ago

in case, if we only need the result as two dimensioned array of the values. we can use let newArray = array.map(i => ([i.label,i.slug]));

Amila Senadheera Over a year ago

@FrankyKraisorn, yes, you can make it even look better by removing intermediate variable 'i' using the restructuring: array.map(({label, slug}) => [label, slug]);

brk · Accepted Answer · 2022-02-24 07:08:20Z

1

Just iterate of the array and create a new object of required properties and push in temp array

const data = [{
    _id: '621723ddc1f73de5f7e4dcb9',
    label: 'new 22',
    slug: 'new-22',
    vendor: 'admin'
  },
  {
    _id: '6217272ec1f73de5f7e4dcba',
    label: 'new 33',
    slug: 'new-33',
    vendor: 'admin'
  }
]

let tempArray = [];
for (let i = 0; i < data.length; i++) {
  tempArray.push({
    label: data[i].label,
    slug: data[i].slug

  })
}
console.log(tempArray);

answered Feb 24, 2022 at 7:08

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

Alexander van Oostenrijk · Accepted Answer · 2022-02-24 07:11:13Z

0

You can user Array.map to create a new array. For each element mapped, you create a new object containing only the properties you need:

arr.map(a => { return { label: a.label, slug: a.slug } } );

answered Feb 24, 2022 at 7:11

Alexander van Oostenrijk

4,7843 gold badges25 silver badges37 bronze badges

Comments

Jijo Alexander · Accepted Answer · 2022-02-24 07:13:37Z

0

Instead of using loops, try to use javascript pre-defined functions like maps.

    array.map(({ label, slug }) => { 
     return {label, slug}
    });

answered Feb 24, 2022 at 7:13

Jijo Alexander

1,2888 silver badges17 bronze badges

Comments

Yves Kipondo · Accepted Answer · 2022-02-24 07:15:50Z

0

You can use Array.prototype.reduce to loop through the data set and return only the value which you need as part of a new object

let data = [{_id: '621723ddc1f73de5f7e4dcb9', label: 'new 22', slug: 'new-22', vendor: 'admin', options: Array(1)},{_id: '6217272ec1f73de5f7e4dcba', label: 'new 33', slug: 'new-33', vendor: 'admin', options: Array(1)}
];

const result = data.reduce((accumulator, current) => {
  return accumulator.concat({label: current.label, slug: current.slug});
}, []);

console.log(result);

answered Feb 24, 2022 at 7:15

Yves Kipondo

5,6931 gold badge22 silver badges33 bronze badges

Comments

Rohìt Jíndal · Accepted Answer · 2022-02-24 10:39:53Z

0

Use Array.map() to iterate the input array and get the required properties from an object.

// Input array
const arr = [
{_id: '621723ddc1f73de5f7e4dcb9', label: 'new 22', slug: 'new-22', vendor: 'admin', options: Array(1)},
{_id: '6217272ec1f73de5f7e4dcba', label: 'new 33', slug: 'new-33', vendor: 'admin', options: Array(1)}];

// Array.map() to iterate the input array and get the required properties from an object.
const res = arr.map(({label, slug}) => {
    return {label, slug}
});

// Result
console.log(res);

answered Feb 24, 2022 at 10:39

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

How can I take only few property from my array objects in js [duplicate]

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Hot Network Questions