how to convert array json data into specific json in jquery?

Question

I get a JSON array in jquery and now I want to convert this array json data to specific JSON data. I use a arr.push to create this json. Now I want to change this format:

[
    {
        "question": {
            "QuestionType": "QShortText",
            "Question": "What's your name?",
            "PlaceHolderText": "Placeholder",
            "IsNumericOnly": true,
            "CharacterLimit": 0,
            "IsRequired": true
        }
    },
    {
        "Paragraph": {
            "QuestionType": "QPargraphText",
            "Question": "789",
            "PlaceHolderText": "ytut",
            "CharacterLimit": 0,
            "IsRequired": true
        }
    }
]

Into this format:

{
    "question": {
        "QuestionType": "QShortText",
        "Question": "What's your name?",
        "PlaceHolderText": "Placeholder",
        "IsNumericOnly": true,
        "CharacterLimit": 0,
        "IsRequired": true
    },      
    "Paragraph": {
        "QuestionType": "QPargraphText",
        "Question": "789",
        "PlaceHolderText": "ytut",
        "CharacterLimit": 0,
        "IsRequired": true
    },
}

I have tried doing this:

arrayJsonModel.push({ question: arrayJson[0] })

We know what you want to do. But what have you tried?

M.K
– M.K

2019-05-06 06:41:42 +00:00
Commented May 6, 2019 at 6:41 — M.K
– M.K, Commented May 6, 2019 at 6:41
arrayJsonModel.push({ question: arrayJson[0] }) i try this.

Umar Asif
– Umar Asif

2019-05-06 06:43:23 +00:00
Commented May 6, 2019 at 6:43 — Umar Asif
– Umar Asif, Commented May 6, 2019 at 6:43

Jack Bashford · Accepted Answer · 2019-05-06 06:43:35Z

3

Use reduce and spreading:

const data = [{"question":{"QuestionType":"QShortText","Question":"What's your name?","PlaceHolderText":"Placeholder","IsNumericOnly":true,"CharacterLimit":0,"IsRequired":true}},{"Paragraph":{"QuestionType":"QPargraphText","Question":"789","PlaceHolderText":"ytut","CharacterLimit":0,"IsRequired":true}}];
const output = data.reduce((acc, curr) => ({ ...acc, ...curr }), {});
console.log(output);

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

answered May 6, 2019 at 6:43

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

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

2 Comments

Umar Asif Over a year ago

nice but how i use this { ...acc, ...curr } within <script> tag i face error

Jack Bashford Over a year ago

What error @UmarAsif? Press Run above, it's working fine.

Collectives™ on Stack Overflow

how to convert array json data into specific json in jquery?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related