How to push a group of arrays (string format) to an array?

Question

I am getting a group of array from database in this format [52,16,135],[54,16,140],[22,16,140] and I need to push all elements of of it into new array separately but looks like my code adding them as an array to the code

but what I need is

[
    "True",
    "52",
    "16",
    "135",
    "54",
    "16",
    "140",
    "22",
    "16",
    "140",
    "Other Value"
]

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr =[];
arr.push('True');
arr.push(str.replace(/\[/g, "").replace(/\]/g, "").split(','));
arr.push('Other Value');
console.log(arr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr =[];
arr.push('True');
arr.push(str.replace(/\[/g, "").replace(/\]/g, "").split(','));
arr.push('Other Value');

Shidersz · Accepted Answer · 2019-04-15 19:43:19Z

1

An easy fix to your code will be using the spread syntax inside the Array.push() method to spread all the elements of the array generated by split() as arguments of the push() method. Also, you can use one replace() sentence replace(/[[\]]/g, "") in replacement of the two you have.

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr =[];
arr.push('True');
arr.push(...str.replace(/[[\]]/g, "").split(','));
arr.push('Other Value');
console.log(arr);

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

answered Apr 15, 2019 at 19:43

Shidersz

17.2k2 gold badges28 silver badges52 bronze badges

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

Comments

theusual · Accepted Answer · 2019-04-15 19:42:08Z

1

Just add .flat() method to your result. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flatenter code here

var str = '[52,16,135],[54,16,140],[22,16,140]';
   


var arr =[];
arr.push('True');
arr.push(str.replace(/\[/g, "").replace(/\]/g, "").split(','));
arr.push('Other Value');
console.log(arr.flat());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Apr 15, 2019 at 19:42

theusual

7913 gold badges11 silver badges28 bronze badges

Comments

mbojko · Accepted Answer · 2019-04-15 19:43:44Z

1

You're almost there. Just instead of pushing, concatenate.

var str = '[52,16,135],[54,16,140],[22,16,140]';
var innerArr = str.replace(/\[/g, "").replace(/\]/g, "").split(',');
var arr = ["True"].concat(innerArr).concat(["Other Value"]);
console.log(arr);

answered Apr 15, 2019 at 19:43

mbojko

14.8k2 gold badges21 silver badges28 bronze badges

Comments

adiga · Accepted Answer · 2019-04-15 19:53:42Z

1

Instead of using replace, you could add a [] around the string to create a valid JSON of 2D array. Then parse the string and use flat.

var str = '[52,16,135],[54,16,140],[22,16,140]';
const newArray = JSON.parse(`[${str}]`).flat();
console.log(newArray)

ES5 solution if flat and template literals aren't supported in your browser:

var str = '[52,16,135],[54,16,140],[22,16,140]';
var parsed = JSON.parse('[' + str + ']'),
    newArray = [].concat.apply([], parsed);
    
console.log(newArray)

answered Apr 15, 2019 at 19:53

adiga

35.4k9 gold badges66 silver badges88 bronze badges

Comments

Matti Bar-Zeev · Accepted Answer · 2019-04-15 20:04:35Z

0

Well, you have 2 immediate options I can think of:

First option: ES6 spread syntax

const str = '[52,16,135],[54,16,140],[22,16,140]';
const strArr = str.replace(/\[/g, "").replace(/\]/g, "").split(',');
const  arr = ['True', ...strArr, 'Other Value'];
console.log(arr);

Second option: Array.prototype.concat()

const str = '[52,16,135],[54,16,140],[22,16,140]';
const strArr = str.replace(/\[/g, "").replace(/\]/g, "").split(',');
let arr = [];
arr.push('True');
arr = arr.concat(strArr);
arr.push('Other Value');
console.log(arr);

I would go with option 1 if that's possible for you.

Cheers :)

answered Apr 15, 2019 at 20:04

Matti Bar-Zeev

1063 bronze badges

Comments

Kamil Kiełczewski · Accepted Answer · 2019-04-15 20:42:14Z

0

try

['True', ...str.match(/\d+/g), 'Other Value'];

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr = ['True',...str.match(/\d+/g),'Other Value'];
console.log(arr);

answered Apr 15, 2019 at 20:42

Kamil Kiełczewski

93.8k34 gold badges401 silver badges375 bronze badges

Collectives™ on Stack Overflow

How to push a group of arrays (string format) to an array?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related