JS删除数组里的某个元素方法_javascript技巧

来源:脚本之家  责任编辑:小易  

本文是小编针对JS删除数组里的某个元素这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容:

删除数组指定的某个元素

js删除数组中某一项或几项的几种方法 https://www.zgxue.com/article/154737.htm

首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:

Array.prototype.indexOf = function(val) { 
for (var i = 0; i < this.length; i++) { 
if (this[i] == val) return i; 
} 
return -1; 
}; 

然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素:

代码为:

Array.prototype.remove = function(val) { 
var index = this.indexOf(val); 
if (index > -1) { 
this.splice(index, 1); 
} 
}; 

这样就构造了这样一个函数,比如我有有一个数组:

var emp = ['abs','dsf','sdf','fd'] 

假如我们要删除其中的 'fd' ,就可以使用:

emp.remove('fd'); 

删除的数组的某一项

splice(index,len,[item]) 注释:该方法会改变原始数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空

如:arr = ['a','b','c','d']

删除

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) 
var arr = ['a','b','c','d']; 
arr.splice(1,1); 
console.log(arr); 
//['a','c','d']; 
 
 
//删除起始下标为1,长度为2的一个值(len设置2) 
var arr2 = ['a','b','c','d'] 
arr2.splice(1,2); 
console.log(arr2); 
//['a','d'] 

替换

//替换起始下标为1,长度为1的一个值为‘ttt',len设置的1 
var arr = ['a','b','c','d']; 
arr.splice(1,1,'ttt'); 
console.log(arr); 
//['a','ttt','c','d'] 
 
 
var arr2 = ['a','b','c','d']; 
arr2.splice(1,2,'ttt'); 
console.log(arr2); 
//['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1 

添加 ---- len设置为0,item为添加的值

var arr = ['a','b','c','d']; 
arr.splice(1,0,'ttt'); 
console.log(arr); 
//['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt' 

delete方法删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

var arr = ['a','b','c','d']; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined 

以上这篇JS删除数组里的某个元素方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持真格学网。

您可能感兴趣的文章:js数组与字符串的相互转换方法js删除数组元素、清空数组的简单方法(必看)js split 的用法和定义 js split分割字符串成数组的实例代码js数组循环遍历数组内所有元素的方法js二维数组定义和初始化的三种方法总结JS array 数组详解JS合并两个数组的3种方法详解JS Array.slice 截取数组的实现方法js中通过split函数分割字符串成数组小例子JS数组Array常用方法汇总+实例

  • 本文相关:
  • javascript数据类型检测代码分享
  • 基于vue实现移动端圆形旋钮插件效果
  • js console.log打印对象时属性缺失的解决方法
  • 基于javascript html5实现多文件上传
  • script不刷新页面的联动前后代码
  • js判断元素是否在数组内的实现代码
  • javascript面向对象程序设计教程
  • javascript编写实用的省市选择器
  • iscroll.js滚动加载实例详解
  • js焦点文字滚动效果代码分享
  • js中删除数组元素的几种方法
  • js数组删除某个元素
  • 在JS数组中如何删除某个元素
  • js删除Array数组中指定元素的两种方法
  • js中数组插入、删除元素操作的方法
  • js删除数组元素、清空数组的简单方法(必看)
  • js 怎么在数组删除第一个元素
  • js数组元素怎样删除最后一个元素?
  • js中怎么将数组中某个元素去掉
  • JS实现数组删除指定元素功能示例
  • JS数组array元素的添加和删除方法代码实例
  • JS删除数组元素的函数介绍
  • js删除数组中的元素delete和splice的区别
  • JS判断数组里是否有重复元素的方法小结
  • JS删除String里某个字符的方法
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptjs数组与字符串的相互转换方法js删除数组元素、清空数组的简单方法(必看)js split 的用法和定义 js split分割字符串成数组的实例代码js数组循环遍历数组内所有元素的方法js二维数组定义和初始化的三种方法总结js array 数组详解js合并两个数组的3种方法详解js array.slice 截取数组的实现方法js中通过split函数分割字符串成数组小例子js数组array常用方法汇总+实例javascript数据类型检测代码分享基于vue实现移动端圆形旋钮插件效果js console.log打印对象时属性缺失的解决方法基于javascript html5实现多文件上传script不刷新页面的联动前后代码js判断元素是否在数组内的实现代码javascript面向对象程序设计教程javascript编写实用的省市选择器iscroll.js滚动加载实例详解js焦点文字滚动效果代码分享js删除数组里的某个元素方法js刷新页面方法大全js中settimeout()的用法详解js页面跳转常用的几种方式js截取字符串常用方法详细整理js数组与字符串的相互转换方法js保留两位小数方法总结js设置cookie、读取cookie、删除cookiejs打开新窗口的2种方式js 将json字符串转换为json对象的方法解析整理关于bootstrap排版的慕课笔记bootstrap css布局之按钮javascript重复绑定事件造成的后果说明巧用局部变量提升javascript性能javascript canvas动态粒子连线js opener的使用详解调用jquery滑出效果时闪烁的解决方法js拖拽效果的原理及实现网页源代码保护(禁止右键、复制、另存为、查看源文件)微信小程序scroll-view实现横向滚动和上拉加载示例
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved