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

Posted 2021-12-14 嘻嘻的妙妙屋

效果

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

方法

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

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 中引用：

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 () 

  
);