JavaScript wrap some data to json array

Question

i want to create jSon format from this string value:

hello|world|this|is|javascript || my|name|is|mahdi

in created jSon array from that i can not wrap this string to separator as 2 array by split with ||. my code is work fine but i can not create some array in json after split string with ||.

result my code is:

{
    "FILEDS": [
        {
            "template_id": "123",
            "fields_id": "456"
        },
        {
            "item": "hello"
        },
        {
            "item": "world"
        },
        {
            "item": "this"
        },
        {
            "item": "is"
        },
        {
            "item": "javascript "
        },
        {
            "item": " my"
        },
        {
            "item": "name"
        },
        {
            "item": "is"
        },
        {
            "item": "mahdi"
        }
    ]
}

but i want to have this result like with below json format:

{
    "FILEDS": [
        {
            "template_id": "123",
            "fields_id": "456"
        },
        [
            {
                "item": "hello"
            },
            {
                "item": "world"
            },
            {
                "item": "this"
            },
            {
                "item": "is"
            },
            {
                "item": "javascript "
            }
        ],
        [
            {
                "item": " my"
            },
            {
                "item": "name"
            },
            {
                "item": "is"
            },
            {
                "item": "mahdi"
            }
        ]
    ]
}

My code is below code and how to create this array in each for for some data to create and wrap to []?

<script type="text/javascript" language="JavaScript">

    var data = "hello|world|this|is|javascript || my|name|is|mahdi";
    var templates = {
        FILEDS: []
    };

    templates.FILEDS.push({
        "template_id": "123",
        "fields_id": "456",
    });

    var split_data = data.split("||");

    for (var i = 0; i < split_data.length; i++) {
        var fields = split_data[i].split("|");
        for (var j = 0; j < fields.length; j++) {
            templates.FILEDS.push({
                "item": fields[j],
            });
        }
    }
    console.log(JSON.stringify(templates));
</script>

Soren · Accepted Answer · 2015-09-11 17:43:41Z

2

Try this;

var split_data = data.split("||");

for (var i = 0; i < split_data.length; i++) {
    var sentence = [];
    var fields = split_data[i].split("|");
    for (var j = 0; j < fields.length; j++) {
        sentence.push({
            "item": fields[j],
        });
    }
    templates.FILEDS.push(sentence)
}

answered Sep 11, 2015 at 17:43

Soren

14.8k4 gold badges43 silver badges69 bronze badges

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

Comments

khalid13 · Accepted Answer · 2015-09-11 17:45:33Z

You'll need a secondary array to hold the data.

var data = "hello|world|this|is|javascript || my|name|is|mahdi";
var templates = {
    FILEDS: []
};

templates.FILEDS.push({
    "template_id": "123",
    "fields_id": "456",
});

var split_data = data.split("||");

for (var i = 0; i < split_data.length; i++) {
    var fields = split_data[i].split("|");
    var arr = [];
    for (var j = 0; j < fields.length; j++) {
        arr.push({ "item" : fields[j] });
    }
    templates.FILEDS.push(arr);
}
console.log(JSON.stringify(templates));
// result" {"FILEDS":[{"template_id":"123","fields_id":"456"},[{"item":"hello"},{"item":"world"},{"item":"this"},{"item":"is"},{"item":"javascript "}],[{"item":" my"},{"item":"name"},{"item":"is"},{"item":"mahdi"}]]}

Grundy · Accepted Answer · 2015-09-12 06:30:13Z

0

Yet another variant with Array.map

[].push.apply(templates.FILEDS, data.split("||").map(function(el){
    return el.split('|').map(function(item){
        return { "item" : item };
    })
}));

UPDATE if you want objects like

{ "FILEDS": [ 
    { "template_id": "123", "fields_id": "456" }, 
    {"items": [
        [ "hello", "world", "this", "is", "javascript " ], 
        [ " my", "name", "is", "mahdi" ] 
    ] }
]}

you can a bit change code above

templates.FILEDS.push({
    "item" : data.split("||").map(function(el){
                 return el.split('|');
             })
    }
);

edited Sep 12, 2015 at 6:30

answered Sep 11, 2015 at 17:50

Grundy

13.4k3 gold badges39 silver badges57 bronze badges

6 Comments

Grundy Over a year ago

@mahdipishguy, note that other answers do the same, and can be more effective (faster) on big arrays, because simple for in most cases faster then map

Sagi Over a year ago

use Array.prototype.push.apply instead of [].push.apply

Grundy Over a year ago

@Sagi, can you explain why? ;-) Array.prototype.push === [].push // true

Sagi Over a year ago

For me its more elegant, because you don't need to create an instance of array just to use the push function.

user4790312 Over a year ago

@Grundy how to assign key for nested array? like with this:

{     "FILEDS": [         {             "template_id": "123",             "fields_id": "456"         },         "items":[             "hello",             "world",             "this",             "is",             "javascript "         ],         [             " my",             "name",             "is",             "mahdi"         ]     ] }

|

Collectives™ on Stack Overflow

JavaScript wrap some data to json array

3 Answers 3

Comments

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related