Continue add items from array until end loop

Question

I have an object like this:

var Object = {
        "id": "Siplus",
        "name":"Siplus",
        "icon":"forum"
      },
      {
        "id": "Recent",
        "name":"Recent Activities",
        "icon": "restore"
      },
      {
        "id": "jobList",
        "name":"Job List",
        "icon": "briefcase"
      },
      {
        "id": "Favourites",
        "name":"Favourites",
        "icon": "star"
      },
      {
        "id": "searchQuote",
        "name":"Search Quotes",
        "icon": "binoculars"
      },
      {
        "id": "orderStatus",
        "name":"Order Status",
        "icon": "clock"
      };

I have another array Like this

var array = [1,2,3];

I adding array values to object using this code:

for (var i = 0; i < object.length; i++) {
    object[i].number = array[i];
  }

I am getting result like this:

var Object = {
            "id": "Siplus",
            "name":"Siplus",
            "icon":"forum",
            "number":1
          },
          {
            "id": "Recent",
            "name":"Recent Activities",
            "icon": "restore",
            "number":2
          },
          {
            "id": "jobList",
            "name":"Job List",
            "icon": "briefcase",
            "number":3
          },
          {
            "id": "Favourites",
            "name":"Favourites",
            "icon": "star",
            "number":undefined
          },
          {
            "id": "searchQuote",
            "name":"Search Quotes",
            "icon": "binoculars",
            "number":undefined
          },
          {
            "id": "orderStatus",
            "name":"Order Status",
            "icon": "clock",
            "number":undefined
          };

I wanted like this :

var Object = {
            "id": "Siplus",
            "name":"Siplus",
            "icon":"forum",
            "number":1
          },
          {
            "id": "Recent",
            "name":"Recent Activities",
            "icon": "restore",
            "number":2
          },
          {
            "id": "jobList",
            "name":"Job List",
            "icon": "briefcase",
            "number":3
          },
          {
            "id": "Favourites",
            "name":"Favourites",
            "icon": "star",
            "number":1
          },
          {
            "id": "searchQuote",
            "name":"Search Quotes",
            "icon": "binoculars",
            "number":2
          },
          {
            "id": "orderStatus",
            "name":"Order Status",
            "icon": "clock",
            "number":3
          };

Is their any way to get repeat the number instead of getting "undefined"

Please help me for this

Hi Vinu, I suggest you edit the question with valid arrays (they are missing [ and ]) and you can't use Object as it is a reserved keyword (use object with small o)... — kukkuz
– kukkuz, Commented Dec 16, 2016 at 14:31

kevin ternet · Accepted Answer · 2016-12-16 14:33:45Z

2

You could map your input objects by adding the right value from array thanks to the modulo calculus

var data = [{
        "id": "Siplus",
        "name":"Siplus",
        "icon":"forum"
      },
      {
        "id": "Recent",
        "name":"Recent Activities",
        "icon": "restore"
      },
      {
        "id": "jobList",
        "name":"Job List",
        "icon": "briefcase"
      },
      {
        "id": "Favourites",
        "name":"Favourites",
        "icon": "star"
      },
      {
        "id": "searchQuote",
        "name":"Search Quotes",
        "icon": "binoculars"
      },
      {
        "id": "orderStatus",
        "name":"Order Status",
        "icon": "clock"
      }];
var array = [1,2,3];
res = data.map((x,i) => {
  x.number = array[i % array.length]
  return x;
})
console.log(res);

answered Dec 16, 2016 at 14:33

kevin ternet

4,6322 gold badges21 silver badges27 bronze badges

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

Comments

kukkuz · Accepted Answer · 2016-12-16 14:28:10Z

1

The size of array is 3 while that of object is more - a solution would be to use:

object[i].number = array[i % array.length];

See demo below:

var object=[{"id":"Siplus","name":"Siplus","icon":"forum"},{"id":"Recent","name":"Recent Activities","icon":"restore"},{"id":"jobList","name":"Job List","icon":"briefcase"},{"id":"Favourites","name":"Favourites","icon":"star"},{"id":"searchQuote","name":"Search Quotes","icon":"binoculars"},{"id":"orderStatus","name":"Order Status","icon":"clock"}]

var array = [1, 2, 3];

for (var i = 0; i < object.length; i++) {
  object[i].number = array[i % array.length];
}

console.log(object);

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

answered Dec 16, 2016 at 14:28

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

1 Comment

kukkuz Over a year ago

@VinuViswambharan could you please respond to the answers? :)

iHasCodeForU · Accepted Answer · 2016-12-16 14:28:25Z

1

you could use an additional var.

for (var i = 0, j = 0; i < object.length; i++) {
    j++
    if(j > array.length){j=0}
    object[i].number = array[j];
}

answered Dec 16, 2016 at 14:28

iHasCodeForU

1771 silver badge11 bronze badges

1 Comment

Vinu Viswambharan Over a year ago

Thanks all for support.. Its working.. Thanks again!

Shaybi · Accepted Answer · 2016-12-16 14:31:52Z

1

var arrLength = array.length;
for (var i = 0, j = 0; i < object.length; i++, j++) {
    if (i >= arrLength ) {
        j = 0;
    }
    object[i].number = array[j];
}

answered Dec 16, 2016 at 14:31

Shaybi

3282 silver badges10 bronze badges

1 Comment

EJoshuaS - Stand with Ukraine Over a year ago

It's better to add more context/explanation around code (as opposed to just having a code-only answer) as that makes the answer more useful.

Dr. Roggia · Accepted Answer · 2016-12-16 14:28:28Z

0

You could use a temporary value to point to the numbers array like this:

var temp = 0;
for (var i = 0; i < object.length; i++) {
    object[i].number = array[temp];
    if(temp == array.length)
         temp = 0;
    else
         temp++;
}

answered Dec 16, 2016 at 14:28

Dr. Roggia

1,1253 gold badges17 silver badges43 bronze badges

Collectives™ on Stack Overflow

Continue add items from array until end loop

5 Answers 5

Comments

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related