【微信小程序】JavaScript 从数组中删除指定值元素的方法封装

news/2024/7/20 1:35:10 标签: 微信小程序, javascript, 小程序

效果

javascript">const somearray = ["mon", "tue", "wed", "thur"]
removeByValue(somearray, "tue");
//somearray will now have "mon", "wed", "thur"

方法

在 src/utils/util.js 中定义函数 removeByValue 进行元素删除:

javascript">function removeByValue(arr, val) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === val) {
      arr.splice(i, 1);
      break;
    }
  }
}

module.exports = {
  removeByValue
};

然后在 src/pages/home/home.js 中引用:

javascript">import util from '../../utils/util.js';
Page({

  /**
   * 页面的初始数据
   */
  data: {
	somearray: ['mon', 'tue', 'wed', 'thur']
  },

  /**
   * 删除数组某一值
   */
  delete: function (e) {
    const that = this;
    util.removeByValue(that.data.somearray, 'tue');
    console.log('somearray', that.data.somearray);
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const that = this;
    that.delete();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
});

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

相关文章

大连华宇和华信哪个好_大连柜式加油装置哪个好

大连柜式加油装置哪个好准确地说就是将各个重点科室工作完全集中&#xff0c;以利于自动进气控制与取排风系统的开发。目前&#xff0c;市场上的木质塑料加油站有铁皮类加油站和铸铁类加油站。由于设备相对专业&#xff0c;故能更好地配合集中供气系统进行管道系统的安装、配电…

【微信小程序】微信公众平台合法域名设置

进入微信小程序公众平台&#xff1a; 进入设置&#xff1a; 添加即可&#xff1a; 如果有文件的上传或下载也需要填写 uploadFile 和 downloadFile 的合法域名&#xff1b; 最后进入微信开发者工具查看合法域名是否成功&#xff1a; 搞定&#xff01;

发那科机器人GI分配_修复率高张家港市川崎kawasaki机器人调试{苏州罗韦机器人保养}...

&#xff0c;简单的切换功能&#xff0c;1.数字信号可以通过开关功能传输到外围设备&#xff0c;就此&#xff0c;请使用之前分配给接口的相应输出号&#xff0c;2.信号被设置为静态&#xff0c;就是说&#xff0c;它不断存在&#xff0c;直到输出被赋予再一个值&#xff0c;切…

【Apache】Web 服务器配置与 FTP 服务器配置

设置端口号为&#xff1a;8080&#xff0c;查看访问方式有何区别 打开 Apache 的配置文件 httpd.conf&#xff1a; 搜索 listen&#xff1a; 将端口号改为 8080&#xff0c;然后重启 Apache&#xff0c;我们发现&#xff1a; 之前打开的网址是 localhost&#xff1a; 现在…

不需要配置的python编辑器_荐Python编辑器相关环境配置

本人由于是要在MCU上部署神经网络&#xff0c;所以用了官方推荐的Python编译器、TensorFlow以及Keras的版本&#xff0c;第一次下载的是Python的IDE&#xff0c;也就是下面这个软件&#xff1a;说实话&#xff0c;这个东西如果用来写代码话的太难用了&#xff0c;因为它不能tab…

【软件质量保证与测试】练习10

单选题 2-1 对于随机出现的缺陷&#xff0c;该怎么办&#xff1f; A. 提交缺陷报告&#xff0c;并在报告中注明是随机出现的 B. 放弃提交该缺陷报告 C. 如果随机出现的缺陷严重性高&#xff0c;则提交缺陷报告&#xff0c;如果严重性不高&#xff0c;则放弃提交缺陷报告 D. 看…

feignclient对象找不到_觉睡不好连对象都找不到

有人称我们正迎来最孤独的时代&#xff0c;而这次在全球蔓延的瘟疫&#xff0c;社交隔离、城市封锁使得许多被迫独处的人愈发感受到社交媒体无法填满的孤独感。造成社交隔离和孤独感的原因有很多&#xff0c;可你有没有想过睡不好也是原因之一呢&#xff1f;一、孤独的人死得早…

【软件质量保证与测试】练习9

主观题 8-1 场景测试法 网上书店都订购过书籍&#xff0c;整个订购过程为&#xff1a;用户输入账号和密码&#xff0c;登录到网站后&#xff0c;进行书籍的选择&#xff0c;当选好自己心仪的书籍后进行订购&#xff0c;这时把所需图书放进购物车&#xff0c;进行 结帐并生成订…