js数组间循环添加问题?

Question

1.元数据
const arr1 = ["#355b54","#12d806","#748aac"];
const arr2 = [{type:"一类"},{type:"二类"},{type:"三类"},{type:"四类"},{type:"五类"},{type:"六类"},{type:"七类"},{type:"其他"}];

2.需要将arr中数据按照索引插入到arr2, arr1商量 继续从 arr[0] 添加.

3.最后的效果是这样:

const arr = [

{type:"一类",color:"#355b54"},
{type:"二类",color:"#12d806"},
{type:"三类",color:"#748aac"},
{type:"四类",color:"#355b54"},
{type:"五类",color:"#12d806"},
{type:"六类",color:"#748aac"},
{type:"七类",color:"#355b54"},
{type:"其他",color:"#12d806"}

]

Answer 1

const arr = arr2.map((item, index) => ({
  ...item,
  color: arr1[index % arr1.length]
}))

Answer 2

const n = arr1.length;
arr2.forEach(
  function ( item, index ) {
    item.color = this[ index % n ];
  },
  arr1,
);

console.log( arr2 );

Answer 3

let arr1Length = arr1.length

let result = arr2.map((item, index) => {
    let idx = index % arr1Length // 取余，首尾循环
    return { ...item, color: arr1[idx] }
})

console.log(result)

Answer 4

arr = arr2.map((item, index) => (
  Object.assign(item,{color:arr1[index % arr1.length]})
))