微信小程序——给数组增加一个属性并赋值

news/2024/7/20 2:29:20 标签: 小程序

前言:有时候我们通过一系列操作获得了一个数组,但给数组缺少了我们想要的一个属性(或者字段),那我们就会想给他增加一个属性(卑微的打工人)

 废话不多说,开始干活!

我的需求:数组没有id字段,我要添加一个id字段。

1、没有添加id字段的数组

2、添加id字段后的数组

具体实现过程

//为数组添加id属性
 var new_arr = Job.map((item,index)=>{
        return Object.assign(item,{'id':that.data.okMarkers.length})
  })
  that.data.okMarkers = that.data.okMarkers.concat(new_arr)

//解释说明:var new_arr = Job.map((item,index)=>{
        return Object.assign(item,{'id':that.data.okMarkers.length})
  })    就是用我们当前缺少字段的数组(这里是Job数组),去调用它的map方法,
其中它里面的参数是item和index参数(我们调用时不需要修改,直接填写item和index即可)
,然后该方法会有一个返回值,然后我们在返回值里面调用超类(Object)里面的assign方法,
里面的参数是item和你要添加的字段(我们这里要添加的字段是  id字段 )以及字段值
(可以是动态的也可以是静态,我们这里是动态的。也就是根据okMarkers数组的长度来确
认为该数组的id字段添加一个什么样?以及多少的值)。(这里的item也不需要修改,直接填写item即可)
这样我们就把Job数组增添一个字段后的新数组赋值给了new_arr数组了。


http://www.niftyadmin.cn/n/886323.html

相关文章

微信小程序——点击某个按钮实现下面弹窗的出现

效果图:(真的是图) wxml(代码里面有解释&#xff09; <button type"primary" bindtap"Popup">点我</button> <!--点击后灰色背景的设置--> <view wx:if"{{now_state}}" class"background" bindtap"hideM…

微信小程序——在view组件中实现强制换行

css强制换行和超出隐藏实现 - 念时 - 博客园

Tomcat的配置(从下载配置完成)

一、下载 tomcat下载链接&#xff1a;Apache Tomcat - Welcome! 点击后是下面的样子。现在我们选择下载版本 这里我们选择9.0.53的Tomcat&#xff08;其中建议选着zip的&#xff0c;因为解压即可。&#xff09; 我这里下载解压后是这样的 二、配置系统变量 ①打开我的电脑-…

idea下面javaweb项目的创建+发布项目到本地的Tomcat上面

一、idea下面创建javaweb项目 new---->project 先创建一个普通的java项目 右击项目选择Add Framework Support 选着JavaEE 选择Web Application 同时勾选 Create web.xml ,点击OK&#xff0c;这样我们的javaweb项目就创建好了。 此时我们可以看到它和普通java项目的不…

2021idea在Tomcat上面发布的项目在哪里查看

C:\Users\Lenovo\AppData\Local\JetBrains\IntelliJIdea2021.1\tomcat

IDEA中request.getParameter爆红-解决办法

转载:IDEA中request.getParameter爆红-解决办法_魚-CSDN博客 简单明了&#xff0c;棒&#xff01;&#xff08;如有侵犯或者不满可以联系&#xff0c;立刻删除哦&#xff01;&#xff09;

ideal手动配置好servlet好后,运行服务器出现404的一种情况

我早早的包web.xml中的servlet配置好了如下图 <!--配置和映射Servlet--><!--配置Servlet--><servlet> <!--servlet-name我们要注册servlet类的名字--><servlet-name>Demo1_jsp</servlet-name><!--servlet类所在的类地址--><serv…

javaweb登录验证码实现

步骤&#xff1a;①将图片的src的值设置为实现图片显示的那个java类的名字&#xff08;src值的设置&#xff09; 及如下图&#xff1a; 其中我们在给这个图片绑定一个点击事件&#xff08;changge_img&#xff09;&#xff0c;实现点击图片&#xff0c;图片进行切换。&#xff…