I want to get combine data of two arrays using for loop in javascript [duplicate]

Question

var stu_names = ['Jhon','Alice','Mik'];
var stu_score = [300,200,400];

for (var i = 0; i < stu_names.length; i++) {
   for(var j = 0; j < stu_score.length; j++) {
       console.log(`Score of ${stu_names[i]} is ${stu_scrore[j]}`);
    }
}

I want to get the result like

'Score of Jhon is 300' 'Score of Alice is 200' 'Score of Mike is 400'

But instead of it, I m getting this result

Score of Jhon is 300
Score of Jhon is 200
Score of Jhon is 400
Score of Alice is 300
Score of Alice is 200
Score of Alice is 400
Score of Mik is 300
Score of Mik is 200
Score of Mik is 400

Answer 1

You need to take the same index for getting the same values of different arrays.

var stu_names = ['Jhon', 'Alice', 'Mik'];
var stu_score = [300, 200, 400];

for (var i = 0; i < stu_names.length; i++) {
    console.log(`Score of ${stu_names[i]} is ${stu_score[i]}`);
}

Answer 2

You can use one for loop while making sure that both arrays have the same length:

var stu_names = ['Jhon','Alice','Mik'];
var stu_score = [300,200,400];
if(stu_names.length == stu_score.length){
     for(let i = 0; i < stu_names.length; i++)
          console.log(`Score of ${stu_names[i]} is ${stu_score[i]}`);
}