当前位置: 主页 > js >

js把数组里数据用另一个数组的替换(通过相同

2021-07-30  |  来源:前端入门建站教程  |  作者:我爱vuejs

下面前端入门建站教程为大家介绍一下js把数组里数据用另一个数组的替换(通过相同

1、对象替换


var arr1 = [
    { id: 100, name: '小麦', value: "1" },
    { id: 101, name: '小明', value: "2" },
    { id: 102, name: '小白', value: "3" },
    { id: 103, name: '小青', value: "4" },
    { id: 104, name: '小龙', value: "5" },
];
var arr2={id:102,name:'小龙虾',value:"100"}; 
arr1 = arr1.map(t => {
    return t.id === arr2.id
        ? arr2
        : t;
});
console.log("结果",arr1);

//结果
[{id: 100, name: "小麦", value: "1"},
{id: 101, name: "小明", value: "2"},
{id: 102, name: "小龙虾", value: "100"},
{id: 103, name: "小青", value: "4"},
{id: 104, name: "小龙", value: "5"}]

2、数组替换

var arr1 = [
    { id: 100, name: '小麦', value: "1" },
    { id: 101, name: '小明', value: "2" },
    { id: 102, name: '小白', value: "3" },
    { id: 103, name: '小青', value: "4" },
    { id: 104, name: '小龙', value: "5" },
];
var arr3=[{id:102,name:'小龙虾',value:"100"},{id:104,name:'明道',value:"001"}]; 
this.arr1 = this.arr1.map(item => {
  const data = arr3.find(i => item.id == i.id);
  return {
	...item,
	...data
  };
});

console.log("结果",arr1);

//结果
[{id: 100, name: "小麦", value: "1"},
{id: 101, name: "小明", value: "2"},
{id: 102, name: "小龙虾", value: "100"},
{id: 103, name: "小青", value: "4"},
{id: 104, name: "明道", value: "001"}]

上面是“js把数组里数据用另一个数组的替换(通过相同”的全面内容,想了解更多关于 js 文章,请继续关注前端入门建站教程。

最新文章

猜你喜欢