How can I loop this array?

Question

var today = new Date();
if (today.getDay() == 6 || today.getDay() == 0) {

  document.getElementById("name1").innerHTML = "WEEKEND";
  document.getElementById("name2").innerHTML = "WEEKEND";

} else {

  var d = new Date().getDay();
  var names1 = ['1', '2', '3'];
  var names2 = ['1', '2', '3', '4'];
  var n1 = names1.length;
  var n2 = names2.length;

  for (var i = 0; i < n1; i++) {
    document.getElementById("name1").innerHTML = names1[d - 1];
  }

  for (var j = 0; j < n2; j++) {
    document.getElementById("name2").innerHTML = names2[d - 1];
  }
}

I need to show on screen 2 numbers from these arrays, but the arrays aren't equal so I want the array that is shorter to start again and form pairs with the remaining numbers from the longer array.

Basically the premise is to show 1 name from each group every workday on screen.

EX:

etc.

I want a loop you know like when the date changes the array goes on — MTimo27
– MTimo27, Commented Feb 23, 2020 at 12:43
Sorry, I'm having a hard time understanding what needs to be done so I don't think I can help you, given the current description. — Mahatmasamatman
– Mahatmasamatman, Commented Feb 23, 2020 at 12:46

Jacek Rojek · Accepted Answer · 2020-02-23 13:06:17Z

2

Total number of possible combinations would be the multiplication of arrays length n1*n2

var d = 1; // new Date().getDay()
var names1 = ['1', '2', '3'];
var names2 = ['1', '2', '3', '4'];
var n1 = names1.length;
var n2 = names2.length;

for (var i = 0; i < n1 * n2 ; i++) {
  console.log(names1[i%n1], names2[i%n2]);
}

Also you have redundant code, use only one variable for date

var today = new Date().getDay()
if (today == 6 || today == 0) {

  document.getElementById("name1").innerHTML = "WEEKEND";
  document.getElementById("name2").innerHTML = "WEEKEND";

} else {
  // var d is the same as var today

edited Feb 23, 2020 at 13:06

answered Feb 23, 2020 at 13:00

Jacek Rojek

1,1328 silver badges16 bronze badges

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

1 Comment

Jacek Rojek Over a year ago

@Phong I think that question expects all 12 possible combinations but only 6 are listed, thats wht etc. is added at the end of the question example

Yosef Tukachinsky · Accepted Answer · 2020-02-23 12:48:11Z

2

Here you go:

var N = 20; // or whetever
var arr1 = [1, 2, 3];
var arr2 = [1, 2, 3, 4];

var res = [];
for(var i=0; i<N; i++){
  res.push(arr1[i%arr1.length]);
  res.push(arr2[i%arr2.length]);
}
console.log(res);

So in general, for any step N your pier is arr1[N%arr1.length], arr2[N%arr2.length]

answered Feb 23, 2020 at 12:48

Yosef Tukachinsky

5,9051 gold badge15 silver badges32 bronze badges

Comments

wxker · Accepted Answer · 2020-02-23 12:51:26Z

1

An elegant solution would use the % (modulo) operator. This operator gives you the remainder after the first operand is divided by the second operand.

For example:

7 % 2 = 1

8 % 5 = 3

If I understand your code correctly, you just want to display two numbers, one in each document element of ids name1 and name2 respectively. In that case, there is no need for a loop.

document.getElementById("name1").innerHTML = names1[d % n1];
document.getElementById("name2").innerHTML = names1[d % n2];

answered Feb 23, 2020 at 12:51

wxker

1,8961 gold badge8 silver badges16 bronze badges

Collectives™ on Stack Overflow

How can I loop this array?

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