js把一个数组每一项按顺序重复添加到另一个数组

直接看数组

var arr1 = ['a','b','c']
var arr2 = [
	{
    
    num: 123},
	{
    
    num: 422},
	{
    
    num: 234},
	{
    
    num: 523},
	{
    
    num: 563},
	{
    
    num: 263},
	{
    
    num: 856},
	{
    
    num: 343},
	{
    
    num: 111}
]

arr1.length可能是3也可能是其他；
希望就是把arr1的每一项按顺序添加到arr2内，生成name属性，并重复进行；
最后生成的数组就是

[
	{
    
    num: 123,name:'a'},
	{
    
    num: 422,name:'b'},
	{
    
    num: 234,name:'c'},
	{
    
    num: 523,name:'a'},
	{
    
    num: 563,name:'b'},
	{
    
    num: 263,name:'c'},
	{
    
    num: 856,name:'a'},
	{
    
    num: 343,name:'b'},
	{
    
    num: 111,name:'c'}
]

开始一直想的能找个倍数或者找个公差的规律来和arr2的index做比较，发现这样不靠谱，换了一下思路就出来了。

var num = 0
arr2.forEach(item => {
    
    
    arr1.forEach((item1,index1,arr1) => {
    
    
        item.name = arr1[num]
    })
    if (num == arr1.length-1) {
    
    
        num = 0
    } else {
    
    
        num++
    }
})

实际上只要一直重复arr1的下标去赋值即可：定义一个数字（即arr1的下标），当下标小于arr1的length的时候，正常给num++这样每次都会把对应的下标给到arr2的相同位置，当超过arr1的length，我们就吧下标重置为0，接着按顺序给arr2的下一组数据，这样就实现了我们的需求。
这种需求一般是比如后端返回的list不包含某项数据，同时该数据具有重复性，我们就可以按照这种思路把重复的数据，按顺序添加到list中去。