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

  • Post author:
  • Post category:其他


直接看数组

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中去。



版权声明:本文为weixin_45685252原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。