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

})
相关推荐
OrangeForce18 分钟前
Monknow新标签页数据导出
javascript·edge浏览器
小妖66634 分钟前
力扣(LeetCode)- 93. 复原 IP 地址(JavaScript)
javascript·tcp/ip·leetcode
说私域1 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的社群初期运营策略研究
人工智能·小程序
郑州光合科技余经理2 小时前
实战:攻克海外版同城生活服务平台开发五大挑战
java·开发语言·javascript·数据库·git·php·生活
Yanni4Night2 小时前
JavaScript打包器大奖赛:谁是构建速度之王? 🚀
前端·javascript
SakuraOnTheWay2 小时前
解构 JavaScript 迭代器:一行代码引发的性能思考
javascript·性能优化
默海笑2 小时前
VUE后台管理系统:项目架构之搭建Layout架构解决方案与实现
前端·javascript·vue.js
csdn_aspnet2 小时前
C# 电子签名及文档存储
javascript·c#
1024肥宅2 小时前
现代 JavaScript 特性:ES6+ 新特性深度解析与实践
前端·javascript·面试
计算机毕设指导63 小时前
基于微信小程序的校园物品租赁与二手交易系统【源码文末联系】
spring boot·mysql·微信小程序·小程序·tomcat·maven·intellij-idea