JS中删除数组中的元素
前言:主要记录一下数组在js中的使用问题。
一、基本操作
1、数组的创建
主要有两种方式:
var arr1 = new Array();
var arr2 = [",",",","];
2、数组赋值
arr1.push('value');
var arr1 = new Array();
var arr2 = ['html','js','jsp','css'];
arr1.push('java');
arr1.push('db');
arr1.push('sql');
arr1.push('c#');
arr1.push('oracle');
alert("arr1=="+arr1);
alert("arr2=="+arr2);
输出为 arr1 == java ,db , sql , c# , oracle
arr2 == html , js , jsp , css
3、根据给定索引删除数组值
arr1.splice(index,n); //index:数组中需要删除数据的起始位置;n:需要删除的元素,数据的个数。
alert("arr1=="+arr1);arr1.splice(2,1);
alert("arr1=="+arr1);
arr2.splice(0,arr2.length);
alert("arr2=="+arr2);
输出为 arr1 == java ,db , c# , oracle 数组索引为2 的值被删除了
arr2 == 数组中的所有元素全被删除了
4、根据索引位置插入元素
array.splice(index,0,data1,data2,...);
index:数组中需要插入数据的起始位置;
0:删除的个数为0;
data1,data2:需要插入的元素,用逗号隔开
5、根据索引位置替换元素
array.splice(index,n,data1,data2,......);
index:需要替换的元素的起始位置;
n:需要替换的元素的个数,实质是删除;
data1,data2:需要插入元素,用逗号隔开;
总的来说,splice实质上是通过删除元素来实现插入、删除、替换的;
6、根据给定值删除数组值
自定义的方法:
function removeByValue(arr,val){for(var i = 0;i<arr.length;i++){if(arr[i] == val){arr.splice(i,1);break;}}
}
其中:arr是数组名,val是要删除的元素。
附:操作数组的方法
①push 在数组尾部添加,返回添加后的数组元素的个数;
②unshift 在数组头部添加,返回数组添加后元素的个数;
③shift 删除数组的第一个元素,返回被删除的元素;
④pop 删除数组的最后一个元素,返回被删除的元素;
⑤splice 删除、插入、替换 执行的是操作,改变原数组的值,不返回任何值;
⑥slice(start,end) 截取数组的一部分,返回截取的数组,start为起始位置,end为结束为止,不包括结束的位置元素;
⑦concat a.concat(b) 将两个数组拼接在一起,返回一个拼接后的新数组,且a内部的元素在新数组的前部;
⑧toString 将数组转换成字符串,返回一个字符串,toLocalString实现与、toString方法类似,不过在IE下会出现兼容性问题,比如字符串前后出现空格,数字出现小数,导致length属性变化,所以尽量使用string;
⑨join("&") 将数组以&符号间隔转换为字符串,返回一个字符串;
⑩sort(function(a,b){return a-b}) 将数组进行排序,如果没有function函数,则按字符串编码排序,返回操作后的新数组;
⑪reverse() 将数组进行倒序排序,即将数组的顺序颠倒,返回倒序排列后的新数组;
⑫charAt(index)获取字符串制定顺序上的元素,返回要查询位置的元素,不能用于查询数组元素。
二、删除数组元素的方法
(1)删除指定下标数组元素
//删除指定下标数组元素
Array.prototype.del = function(index){if(isNaN(index)||index>=this.length){return false;}for(var i=0,n=0;i<this.length;i++){if(this[i] != this[index]){this[n++] = this[i];}}this.length -= 1;
};
//删除指定元素
Array.prototype.indexOf = function(val){for(var i = 0;i<this.length;i++){if(this[i] == val) return i;}return -1;
};
Array.prototype.remove = function(val){var index = this.indexOf(val);if(index > -1){this.splice(index,1);}
};
function a(){var arr = [1,2,3,4,5];alert(arr.toString());arr.remove(3);alert(arr.toString());
}
第一种调用方式:arr.del(0);
参考博客:JS之删除数组中的元素 https://blog.csdn.net/spurs611/article/details/81981027
JS中删除数组中的元素方法 https://www.cnblogs.com/ryans/p/6553921.html
JS中删除数组中的元素相关推荐
- html数组删除指定元素,js怎么删除数组中指定元素?
js中删除数组中指定元素的方法:首先通过循环遍历该数组得到指定元素的索引值,然后根据索引值使用splice()方法即可删除元素,语法"array.splice(索引值,1)". J ...
- Javascript中删除数组中重复出现的元素
今天在做到蓝桥云课中用js进行删除数组中重复出现的元素,自己进行了一点总结: 这里的删除相同元素与c++思想上不同. 在c++中我是通过先按大小排序后,再进行比对然后后往前赋值类似于整体移动前一位,长 ...
- 从Ruby中删除数组中的重复元素
本文翻译自:Remove duplicate elements from array in Ruby I have a Ruby array which contains duplicate elem ...
- 如何从JavaScript中删除数组中的元素?
本文翻译自:How to remove element from an array in JavaScript? var arr = [1,2,3,5,6]; I want to remove the ...
- java数组删除元素_java中删除 数组中的指定元素方法
java中删除 数组中的指定元素要如何来实现呢,如果各位对于这个算法不是很清楚可以和小编一起来看一篇关于java中删除 数组中的指定元素的例子. java的api中,并没有提供删除数组中元素的方法.虽 ...
- c语言删除数组中的最小值,C语言中删除数组中某个元素的方法
C语言中删除数组中某个元素的方法 发布时间:2020-06-17 14:22:39 来源:亿速云 阅读:1964 作者:鸽子 C语言实现删除数组中某个元素 大家知道C语言实现删除数组中某个元素方法吗? ...
- php数组重复值销毁,如何从PHP中删除数组中的重复值
如何从PHP中删除数组中的重复值 如何从PHP中删除数组中的重复值? 21个解决方案 204 votes 使用array_unique(). 例: $array = array(1, 2, 2, 3) ...
- 如何从值中删除数组中的项目?
有没有一种方法可以从JavaScript数组中删除项目? 给定一个数组: var ary = ['three', 'seven', 'eleven']; 我想做类似的事情: removeItem('s ...
- [码海拾贝 之JS] JS 之删除数组中的元素
前言 在Java 中要从一个list 中删除一个元素, 直接使用 remove 方法就可以了. 在js 中的array 并没有 remove 方法, 但是在js 中array 有splice 方法可以 ...
最新文章
- c语言进制转换pdf下载,C语言实现任意进制转换.doc
- Spring使用@Required注解依赖检查
- LWUIT显示中文问题
- 安装UBUNTU Server 11.10
- uva11029 - Leading and Trailing
- 阅读器java_纯Java文档阅读器
- 惊呆了!JDK1.8竟然打破了我对接口的一切认知...
- @@Autowired依赖注入先后顺序
- 后端如何接收对象类型的数据_javascript基本数据类型赋值和对象引用的内存情况分析...
- 嵌入式robocode实训-任务三
- latex数学公式转换器
- 服务器如何防止DDoS攻击?
- java hl7v3_hl7 java 解析
- Angular判断对象不否为空的方法
- sourceForge, wikipedia与异形
- Git详解之一 Git起步
- FCBF算法的Matlab实现
- java 安全警告 关闭_关闭安全警告的两种方法
- java设计模式之原型模式和建造者模式的写法(二)
- React 大数据可视化(大屏展示)解决方案
热门文章
- php sleep usleep,php sleep()函数, usleep()函数的用法
- nginx中配置二级域名和ssl
- Aspx.Net的Aspx页面和Aspx.cs联用
- 横河川仪压力变送器调零_横河EJA系列的变送器调零如何操作?
- Linux终端、关机、ldd、ldconfig等系统命令
- Android如何关闭键盘声音
- Java设计模式-程序员内功修炼-目录
- MATLAB atan 和 atan2
- 将树莓派变成行车记录仪
- easyui datagrid-detailview 嵌套高度自适应