Create a new Array from Existing array in [duplicate]

Question

I have an existing array which is like this

"activeSubject": [
        {
            "subject_id": "Class Teacher",
            "subject_name": "Class Teacher",
            "status": "2"
        },
        {
            "subject_id": "Academic Leader (Head)",
            "subject_name": "Academic Leader (Head)",
            "status": "2"
        },
        {
            "subject_id": "15",
            "subject_name": "Physics",
            "status": "2"
        }
    ]

I then want to create a new array which will be looking like this

"new_subjects": [
        {
            "value": "Class Teacher",
        },
        {
            "value": "Academic Leader (Head)",
        },
        {
            "value": "Physics",
        }
    ]

I already have tried this by map() method

var objA = this.state.activeSubject.map(o => ({
          [o]: { value: o.subject_name}
        }))

but it is not giving a proper array, please help me resolve this

sjahan · Accepted Answer · 2018-07-11 07:25:30Z

5

Your map syntax is quite weird, I don't know what you tried to do, but that should be enough ;)

this.state = {"activeSubject": [
    {
        "subject_id": "Class Teacher",
        "subject_name": "Class Teacher",
        "status": "2"
    },
    {
        "subject_id": "Academic Leader (Head)",
        "subject_name": "Academic Leader (Head)",
        "status": "2"
    },
    {
        "subject_id": "15",
        "subject_name": "Physics",
        "status": "2"
    }
]};

var objA = this.state.activeSubject.map(o => ({ value: o.subject_name}));
console.log(objA);

answered Jul 11, 2018 at 7:25

sjahan

5,9804 gold badges24 silver badges46 bronze badges

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

2 Comments

Amadan Over a year ago

Not weird, just incorrect here. foo = { [o]: v } is identical to foo = {}; foo[o] = v; it's called "computed property names". It is a recent addition to the language, very welcome, but it is just the wrong thing to do in this case.

sjahan Over a year ago

Yeah, that definitely feels overcomplicated.

Nina Scholz · Accepted Answer · 2018-07-11 07:39:11Z

3

You could use a destructuring assignment with a object property assignment pattern [YDKJS: ES6 & Beyond] and map value with a short hand property.

var array = [{ subject_id: "Class Teacher", subject_name: "Class Teacher", status: "2" }, { subject_id: "Academic Leader (Head)", subject_name: "Academic Leader (Head)", status: "2" }, { subject_id: "15", subject_name: "Physics", status: "2" }],
    result = array.map(({ subject_name: value }) => ({ value }));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Jul 11, 2018 at 7:39

answered Jul 11, 2018 at 7:29

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Kapsonfire · Accepted Answer · 2018-07-11 07:25:35Z

0

var activeSubject = [
    {
        "subject_id": "Class Teacher",
        "subject_name": "Class Teacher",
        "status": "2"
    },
    {
        "subject_id": "Academic Leader (Head)",
        "subject_name": "Academic Leader (Head)",
        "status": "2"
    },
    {
        "subject_id": "15",
        "subject_name": "Physics",
        "status": "2"
    }
];
let newSubject = [];
activeSubject.forEach((obj) => { newSubject.push({ 'value:' obj.subject_name}); });
console.log(newSubject);

answered Jul 11, 2018 at 7:25

Kapsonfire

1,0285 silver badges17 bronze badges

3 Comments

Josh Stevens Over a year ago

why would you do a forEach on it? .map does this for you and was built for that

Kapsonfire Over a year ago

sorry... Im not used to use .map - working mostly on an old rhino engine which doesnt support .map

Josh Stevens Over a year ago

fair enough that is a way you can do it i guess

Josh Stevens · Accepted Answer · 2018-07-11 07:27:10Z

0

Something like this would work

this.state = {"activeSubject": [
    {
        "subject_id": "Class Teacher",
        "subject_name": "Class Teacher",
        "status": "2"
    },
    {
        "subject_id": "Academic Leader (Head)",
        "subject_name": "Academic Leader (Head)",
        "status": "2"
    },
    {
        "subject_id": "15",
        "subject_name": "Physics",
        "status": "2"
    }
]};

let objA = this.state.activeSubject.map(({ subject_name: value}) => ({ value }));

console.log(objA)

answered Jul 11, 2018 at 7:27

Josh Stevens

4,2811 gold badge20 silver badges24 bronze badges

Collectives™ on Stack Overflow

Create a new Array from Existing array in [duplicate]

4 Answers 4

2 Comments

Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

3 Comments

Comments

Linked

Related