常用数据处理方法

LUNAR__

已于 2023-12-28 20:07:49 修改

阅读量418

点赞数 8

CC 4.0 BY-SA版权

文章标签：前端 JavaScript

于 2023-12-28 16:00:32 首次发布

本文链接：https://blog.youkuaiyun.com/LL_wzr/article/details/135271505

本文介绍了如何在JavaScript中处理上架商品场景，通过函数实现新商品数组与原数组的拼接去重，并按照id进行排序，生成新的商品列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象数组的去重拼接排序

场景：上架商品时，新增的商品数组和原商品数组进行拼接去重生成新的商品列表，有时候会带上排序需求

例：

const arr1 = [
    { id: 1, label: "name1" },
    { id: 3, label: "name3" },
    { id: 2, label: "name2" },
  ];
  const arr2 = [
    { id: 1, label: "name1" },
    { id: 6, label: "name6" },
    { id: 3, label: "name3" },
    { id: 9, label: "name9" },
    { id: 4, label: "name4" },
  ];

方法

function fun() {
    const addArr = [];
    // 拼接去重
    arr1.forEach((item) => {
      if (!arr2.some((i) => i.id === item.id)) addArr.push(item);
    });
    console.log(addArr.concat(arr2));
    // 排序
    let newArr = addArr.concat(arr2)
    newArr = newArr.sort((a, b) => a.id > b.id ? 1 : -1)
    console.log(newArr);
  }