javascript function to convert rows into columns

Question

I tried to search for a required solution and help but really couldn't find something to write. I need this JavaScript function to do the following.

I have the following set of lines.

AAAAAAA
BBBBBBB
CCCCCCC
DDDDDDD

And I need to convert the above data into columns so the output would be like this.

ABCD
ABCD
ABCD
ABCD
ABCD
ABCD
ABCD

That means the rows will be converted into columns.

Anyone can help with a JavaScript or jQuery function to get the results?

What format is this in? Are they 4 separate arrays? Are they printed out into 4 different rows of an html table? — mwilson
– mwilson, Commented Jun 16, 2016 at 5:52
this is a test question actually for an assignment given. See the actual function question here. pastebin.com/kEGBzJzV - see #1. Text Blocking section. — Rocking Ninja
– Rocking Ninja, Commented Jun 16, 2016 at 5:53

Pranav C Balan · Accepted Answer · 2016-06-16 06:01:36Z

3

You can do something like this using Array#forEach method

var data = `AAAAAAA
BBBBBBB
CCCCCCC
DDDDDDD`;

var res = [];

data.split('\n').forEach(function(v) {
  v.split('').forEach(function(v1, i) {
    res[i] = (res[i] || '') + v1;
  })
});

console.log(res.join('\n'));

If both input and output are in array format then you can avoid the String#split and Array#join methods

var data = [
  'AAAAAAA',
  'BBBBBBB',
  'CCCCCCC',
  'DDDDDDD'
]

var res = [];

data.forEach(function(v) {
  v.split('').forEach(function(v1, i) {
    res[i] = (res[i] || '') + v1;
  })
});

console.log(res);

edited Jun 16, 2016 at 6:01

answered Jun 16, 2016 at 5:56

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

5 Comments

mwilson Over a year ago

Per the requirement, your data var is a string. It needs to be an array.

Rocking Ninja Over a year ago

this works, but when I print this in browser, it is not preserving the line breaks. and displaying all the values horizontally. any idea?

Rocking Ninja Over a year ago

thanks. but where do I place join('<br/>') ? I placed it after the function brackets and it broke.

Rocking Ninja Over a year ago

Thank you so much. that works. one more question. how do I make this whole thing as a function so I can supply different arguments to it instead of fixed AAAABBBB and so forth?

Pranav C Balan Over a year ago

@RockingNinja : put them inside an array and pass array as argument.... then generate and return the result array...

Sabith · Accepted Answer · 2016-06-16 05:58:12Z

0

There may be better solutions than this, Try this:

var data = ["AAAAAAA",
            "BBBBBBB",
            "CCCCCCC",
            "DDDDDDD"];

var output = [];
data.map(function(a){
    for(var i=0; i<a.length;i++){
          if(!output[i])
              output[i] = "";
         output[i] += a[i];
    }
});
console.log(output);

answered Jun 16, 2016 at 5:58

Sabith

1,6562 gold badges22 silver badges42 bronze badges

Comments

mwilson · Accepted Answer · 2016-06-16 05:58:51Z

0

Per the requirement in the question, this will do it:

var arr = ["AAA", "BBB", "CCC"];
var result = ['', '', ''];
for (var i = 0; i < arr.length; i++) {
    var str = arr[i].split('');
    for (var j = 0; j < str.length; j++) {
        result[j] += str[j];
    }
}
    console.log(result);

answered Jun 16, 2016 at 5:58

mwilson

13.1k10 gold badges65 silver badges103 bronze badges

Comments

Brajendra Swain · Accepted Answer · 2021-10-13 16:22:37Z

0

var data = ["AAAAAAA",
  "BBBBBBB",
  "CCCCCCC",
  "DDDDDDD"
];

var mapedData = data[0].split('').map(function(string, i) {
  return data.map(function(string1, i1) {
    return string1.charAt(i);
  }).join('');
});

console.log('required data ---', mapedData);

edited Oct 13, 2021 at 16:22

answered Jun 16, 2016 at 6:00

Brajendra Swain

3552 silver badges8 bronze badges

Collectives™ on Stack Overflow

javascript function to convert rows into columns

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related