删除数组某一项

山林+

已于 2022-11-14 15:15:09 修改

阅读量1.4k

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-11-14 15:09:08 首次发布

本文链接：https://blog.csdn.net/al877/article/details/127847949

版权

本文介绍了三种JavaScript函数，分别是根据下标删除数组元素的`removeIndex`，根据值删除数组的`removeValue`，以及根据对象属性值删除对象的`removeAttr`。通过示例展示了如何在不同场景下使用这些方法来处理数组和对象的操作。

摘要由CSDN通过智能技术生成

//1、知道要删除项的下标值
//index为删除项的下标值  arr为源数组
var removeIndex = function(index,arr) {
    if (!arr || arr.length == 0) {
        return ""
    }
    arr.splice(index,1)
    return arr
}
 
//2、知道要删除项的值
//it 为要删除项的值  arr为源数组
var removeValue = function (it, arr) {
    if (!arr || arr.length == 0) {
        return ""
    }
    let flag = arr.indexOf(it)
    if (flag > -1) {
        arr.splice(flag, 1)
        return arr
    } else {
        console.log("未找到该元素")
    }
}
 
//3、如果要删除项为对象，我们需要知道该对象属性中的唯一值（不会重复的值）
//arr是源数组，attr是目标数组中的属性名称，value是要删除的属性名称对应的值
var removeAttr = function (arr, attr, value) {
  if (!arr || arr.length == 0) {
    return ""
  }
  let newArr = arr.filter(function (item, index) {
    return item[attr] != value
  })
  return newArr
}
 
let arr = ['a','b','c','d']
let arrTemp = [{ id: 1 , name: 'zx'},{ id: 2 , name: 'ggh'},{ id: 3 , name: 'zbr'}];
let newTemp1 = removeIndex(1,arr);  // ['a','c','d']
let newTemp2 = removeValue('b',arr);   // ['a','c','d']
let newTemp3 = removeAttr(arrTemp,'id','3') // [{ id: 1 , name: 'zx'},{ id: 2 , name: 'ggh'}]