js 删除数组中指定元素

简介: js 删除数组中指定元素

一、不直接修改数组

方法一:

function removeElement(arr, item) {
 var result=[];
    for(var i=0; i<arr.length; i++){
    if(arr[i]!=item){
        result.push(arr[i]);
    }
}
 return result;
}

方法二 :

function removeElement(arr, item) {
 var result=[];
    arr.forEach(function(i){
        if(i!=item){
            result.push(element);
        }
    });
 return result;
}

方法三:

function removeElement(arr, item) {  
    return arr.filter(function(i){  
        return i!=item;  
    })  
}  

二、直接修改数组 ,用splice

定义和用法:

1. splice() 方法用于插入、删除或替换数组的元素。
2. 这种方法会改变原始数组

方法一:

function remove(arr, item) {
     for(var i = 0; i < arr.length; i++){
         if(arr[i] == item){
             //从i出开始删除1个元素
             arr.splice(i,1);
             i--;
         }
     }
     return arr;
}

方法二 :

function remove(arr, item) {
    for(var i=arr.length-1;i>=0;i--)
      {
       if(arr[i]==item)
         {
           arr.splice(i,1);
          }
       }
    return arr;
}
此时不用考虑位置影响
相关文章
|
3月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
3月前
|
JavaScript 前端开发 开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法,JavaScript 可以实现丰富的网页交互效果,如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中,开发者可以根据具体的需求和场景,选择合适的 DOM 元素操作方法来实现所需的功能,为用户提供更加流畅和动态的网页体验。
|
4月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
63 2
|
4月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
140 4
|
4月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
83 3
|
4月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
68 4
|
4月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
49 5
|
4月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
77 1
|
4月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
34 3
|
4月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
110 1

热门文章

最新文章