微信小程序:js实现不改变原数组的情况下增加一条对象到新数组中

效果

核心

old_array.slice(0) 表示对 old_array 这个数组进行切片操作,从索引 0 开始(包括索引 0),直到数组的末尾,old_array.slice(0) 中的 0 表示开始切片的索引位置,而由于没有传入第二个参数(结束索引),所以默认会切片到数组的末尾。

完整代码

javascript 复制代码
var app = getApp(); //获取当前小程序的实例,方便使用全局方法和属性
Page({
  data: {
    old_array: [{
      id: 1,
      job: "学徒",
      checked: true
    },{
      id: 2,
      job: "领班",
      checked: true
    },{
      id: 3,
      job: "阿姨",
      checked: true
    }
  ]
  },
  onLoad() {
    var old_array = this.data.old_array;
    const jobsArray = old_array.slice(0);
    jobsArray.unshift({id: 0, job: "全部岗位", checked: true});
    console.log("修改数据后的原数组",this.data.old_array);
    console.log("新增后的新数组",jobsArray);
  },

})
相关推荐
码农客栈14 小时前
小程序学习(二十六)之“订单详情”
小程序
weixin_4400583116 小时前
2026知识付费小程序:年费全包零抽成,录播题库全功能覆盖
小程序·apache·小程序开发
多加点辣也没关系17 小时前
JavaScript|第4章:类型转换
开发语言·javascript
yqcoder18 小时前
httpOnly 是什么,又有什么用?
开发语言·前端·javascript
小羊Yveesss18 小时前
2026年微信小程序后端怎么搭建?后台、数据、接口和运维怎么选
运维·微信小程序·小程序
小皮虾18 小时前
小程序首页性能优化实战:从 4 秒到 1.8 秒
前端·微信小程序
烬羽18 小时前
还在手动拼路径、写回调地狱?一文吃透 Node.js 的 path 和 fs
javascript·程序员·node.js
mONESY18 小时前
LangChain JS 高性能并行执行解析、工具调用底层封装
javascript
迅速的自行车19 小时前
从一段模板说起
前端·javascript·vue.js
YIAN19 小时前
LangChain JS 工具调用实战:基于 DeepSeek-V4-Flash 实现本地文件读取 AI 代码助手(完整可运行源码)
javascript·langchain·前端框架