JS中几个列表新增的方法：unshif,concat,push

古田兔子

已于 2024-04-07 13:51:48 修改

阅读量574

点赞数 8

分类专栏：前端文章标签：前端服务器

于 2024-04-07 13:49:05 首次发布

本文链接：https://blog.csdn.net/Mr_TianSDQ/article/details/137461373

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的三个数组操作方法：unshift用于在列表开头添加新对象，concat用于将一个或多个数组追加到原数组末尾，push用于在列表尾部添加新对象。这些方法在前端开发中处理数据时十分常见。

摘要由CSDN通过智能技术生成

1. unshift: 新增对象并放在第一位。

const createRow = () => {
  plats.value.unshift({
    Id: -1,
    Name: "",
    TypeName: "其他",
    BelongName: "其他",
    BelongGuid: uuidv4(),
    DRI: "",
    Function: "",
    PlatformId: uuidv4(),
    Remark: "",
    Status: "",
    TechDir: "",
    TechFeatue: "",
    Type: -1
  });
};

2. concat: 列表追加列表

 const updateAppendix = (data: Array<FileItem>) => {
    reviewData.value.Attachments = reviewData.value.Attachments.concat(data);
  };

3. push: 列表追加对象

const addRow = () => {
  tableData.value.push({
    Id: -1,
    BillId: "",
    BrandSN: "",
    Category: "",
    PartName: "",
    Brand: "",
    ModelType: "",
    LeadTechModelType: "",
    FillRequire: false,
    WhyUseCustomBrand: "",
    RDConfirmer: ""
  });
};