微信小程序: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);
  },

})
相关推荐
易筋紫容9 分钟前
创建型模式:对象的诞生艺术
开发语言·前端·javascript
0_Error_2 小时前
猫国建设者 修改资源 自动采集
javascript
贩卖黄昏的熊2 小时前
NestJS简明教程——异常处理和日志
javascript·node.js·nest.js
2501_915909065 小时前
iOS 应用反调试技详解术 检测调试器的原理与防护实践
android·ios·小程序·https·uni-app·iphone·webview
海带紫菜菠萝汤6 小时前
FFmpeg.wasm 实践:在浏览器中运行 FFmpeg 的能力边界与性能瓶颈
前端·javascript·ffmpeg·音视频·wasm
名字还没想好☜6 小时前
React 受控输入框光标跳到末尾:格式化输入时的 selection 丢失 bug 与修复
前端·javascript·react.js·bug·react·next.js
upgrador6 小时前
桌面应用开发:Electron 与 NSIS 的关系、打包流程及 Windows 本地构建实战
javascript·windows·electron
我要两颗404西柚7 小时前
Stage three:VUE工程化与实战工具
前端·javascript·vue.js
写不来代码的草莓熊7 小时前
Cesium 地图交互绘制圆形、多边形
前端·javascript·地图
00后程序员张8 小时前
iOS加固技术路线全面解析:Bitcode模式、源码模式与汇编模式对比及爱加密优势
android·汇编·ios·小程序·uni-app·cocoa·iphone