javascript for loop with 2 arrays

Question

This is what I'm trying to accomplish:

var result = document.getElementById("o_q1_op1");
document.getElementById("a1_op1").style.height = result.scrollHeight;

But I dont want to rewrite it a dozen times, instead want to use arrays structured like this:

var que = ["o_q1_op1", "o_q1_op2", "o_q2_op3"];
var ans = ["a1_op1","a1_op2","a1_op3","a1_op4"];

This is what I have so Far:

var que = ["o_q1_op1", "o_q1_op2", "o_q2_op3"];
var ans = ["a1_op1","a1_op2","a1_op3","a1_op4"];
var result;
var index;
var text = "";
for (index = 0; index < que.length; index++) {
    text += que[index];
    var result[index] = document.getElementById(text);
}

var index2;
var text2 = "";
for (index2 = 0; index2 < ans.length; index2++) {
    text2 += ans[index2];
    document.getElementById(text2).style.height = result[index].scrollHeight;
}

I'v never used 2 arrays to accomplish one task before so I'm not sure how to go about it.

Jamiec · Accepted Answer · 2015-03-12 16:14:27Z

3

You might like to not use 2 arrays, and instead have one array that ties the two properties together:

var arr = [
             { q:"o_q1_op1",a:"a1_op1"},
             { q:"o_q1_op2",a:"a1_op2"}
          ];

and then the code becomes much simpler, and you never have to deal with the 2 arrays becoming different lengths

for(var i=0;i<arr.length;i++){
    var result = document.getElementById(arr[i].q);
    document.getElementById(arr[i].a).style.height = result.scrollHeight;
}

answered Mar 12, 2015 at 16:14

Jamiec

136k15 gold badges142 silver badges202 bronze badges

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

1 Comment

Radio Over a year ago

indeed, properties is way safer.

Radio · Accepted Answer · 2015-03-12 16:09:30Z

1

So long as the two arrays are ordered and remain the same length...

for(var i=0;i< que.length;i++){
    document.getElementById(ans[i]).style.height = 
    document.getElementById(que[i]).scrollHeight;
}

answered Mar 12, 2015 at 16:09

Radio

2,8631 gold badge23 silver badges43 bronze badges

Comments

john Smith · Accepted Answer · 2015-03-12 16:09:26Z

1

well the += is wrong because it concatinates string

change and simplify code to

var que = ["o_q1_op1", "o_q1_op2", "o_q2_op3"];
var ans = ["a1_op1","a1_op2","a1_op3","a1_op4"];
var result=[];

for (var index = 0; index < que.length; index++) {
    result[index] = document.getElementById(que[index]);
}


for (var index2 = 0; index2 < ans.length; index2++) {
    document.getElementById(ans[index2]).style.height = result[index].scrollHeight;
}

answered Mar 12, 2015 at 16:09

john Smith

18k12 gold badges80 silver badges124 bronze badges

Collectives™ on Stack Overflow

javascript for loop with 2 arrays

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related