今天工作不算太忙,抽空学习了下JavaScript中数组的相关方法
首先看看数组删除元素相关的几个方法
1、pop(): 删除数组最后一个元素,并返回删除的元素
/*
* javaScript中数组(Array)pop方法
* 删除数组最后一个元素,并返回被删除的元素
*/
function testPop(){
var arr = new Array('h','x','q');
alert(arr.pop());
alert(arr);
}
2、shift(): 删除数组的第一个元素,并返回被删除的元素
/**
* javascript中数组(Array)shift方法
* 删除数组中第一个元素,并返回删除的元素
**/
function testShift(){
var arr = ['I','Love','you'];//JSON定义
alert(arr);
alert(arr.shift());
alert(arr);
}
3、splice(): 删除指定元素,并向数组添加新元素
/**
* javascript中数组(Array)splice方法
* 从数组中删除元素,并增加元素
* 返回删除的元素
*/
function testSplice(){
var arr = new Array('beijing','shanghai','guangzhou','hangzhou');
alert(arr.splice(1,1));//从第1个位置开始,删除一个元素,返回'shanghai'
alert(arr);
alert(arr.splice(0,1,'jiangxi','hubei','sichuan'));// 从第0个位置开始,删除一个元素,然后从0位置开始增加'jiangxi','hubei','sichuan'三个元素
alert(arr);
alert(arr.splice(0,'hainan','sanya','chengdu'));// 第二个元素应该为number类型的,所以删除不成功,返回空,然后从0位置开始增加'sanya','chengdu'2个元素
alert(arr);
}
看完删除的方法后,我们看看增加元素的方法
4、push(): 向数组的末尾添加一个或者多个元素,并返回数组新的长度
/*
* javaScript中数组(Array)push方法
* 往数组的尾部添加一个或者多个元素,并返回新的长度
*/
function testPush(){
var arr1 = new Array('h','x','q');
arr1.push('i');// 返回4
alert(arr1);// h,x,q,i
alert(arr1.push('n','g'));//返回6
alert(arr1.length);//返回6
}
5、unshift(): 向数组的开头添加一个或者多个元素,并返回新的长度
/**
* javascript中数组(Array)unshift方法
* 在数组开头增加指定元素(一个或者多个)
* 返回增加元素后数组长度
*/
function testUnshift(){
var arr1 = new Array('h','x','q');
alert(arr1.unshift(12));
alert(arr1);// 12,h,x,q
alert(arr1.unshift(12,'huxiaoqing'));
alert(arr1);//12,huxiaoqing,12,h,x,q
}
6、concat(): 连接俩数组或者多个数组返回一个新的数组,原数组不受影响
var arr1 = new Array('I');
var arr2 = new Array('L','O','V','E');
var arr3 = new Array('Y','O','U');
/*
* JavaScript中数组(Array)concat方法
* 连接两个或多个数组返回一个新的数组,原数组不收影响
*/
function testConcat(){
alert(arr1.concat(arr2));//返回I,L,O,V,E
alert(arr1.concat(arr2,arr3));//返回I,L,O,V,E,Y,O,U
alert(arr1);//I
alert(arr2);//L,O,V,E
alert(arr3);//Y,O,U
}
最后看看数组的几个获取元素的方法
7、join(): 把数组中的元素放入一个字符串,元素间用指定的符合隔开
function testJoin(){
var arr = new Array('Y','O','U');
var str = arr.join("|");
alert(str);
}
8、reverse(): 颠倒数组中元素的顺序
/*
* javascript中数组(Array)reverse方法
* 颠倒数组中的元素顺序,并返回颠倒后的数组,原数组内元素顺序变化
*/
function testReverse(){
var arr = new Array('Y','O','U');
arr.reverse();
alert(arr);//U,O,Y
alert(arr.reverse());//Y,O,U
}
9、slice(): 返回数组中选定的元素
/**
* javascript中数组(Array)slice方法
* 从数组中返回选定的元素,第一个为起始位置,第二个我终止位置
* ps:数组的起始位置为0
*/
function testSlice(){
var arr = new Array('Y','O','U');
alert(arr.slice(1,3));// O,U
alert(arr.slice(1));//O,U
alert(arr.slice(0));//Y,O,U
}
10、sort(): 排序方法,对数组中元素进行排序,并返回排序后的数组,原数组元素顺序受影响
/**
* javaScript中数组(Array)sort方法
* 对数组中元素进行排序,并返回排序后的数组
*/
function testSort(){
var a1 = [11,1,100,45,'A','B'];
alert(a1.sort());//只根据字符顺序排序
alert(a1.valueOf());
alert(a1.sort(function(a,b){return a-b;}));//如果要对数字进行排序,需要给sort方法定义一个排序规则
}
在testSort()中还用到了valueOf()方法,这个方法就是返回数组的元素值
分享到:
相关推荐
第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11...
js中数组中相同的元素进行整合并创建一个新数组
js判断数组是否相等的方法 两种场景: 1.数组完全相等 2.元素相同顺序不同
这篇文章主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 需要将两个数组合并成为一个的情况。比如: var a = [1,2,3];...
js数组使用方法范例
常见的JS数组的使用方法 数组对象用来在单独的变量名中存储一系列的值。 我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象: var myArray=new Array() 有两种向数组赋值的方法...
js中数组常用方法总结(推荐).docx
JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)...
js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js...
JavaScript中数组的一些算法和技巧总结
对javascript中数组的使用比较完善的说明
JavaScript常用数组操作方法1
我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...
javascript循环数组有什么方法_javascript循环数组有哪些方法.docx
js中数组Array的一些常用方法总结.docx
JavaScript常用数组操作方法,让您更快了解数组操作,更好理解
js求数组总和、最大值、最小值、平均值、标准差
关于JAVASCRIPT中的关于二维码的数组的定义与排序方法!!!名师讲解.
主要介绍了js数组相减,结合简单示例形式分析了JavaScript删除a数组所有与b数组相同元素相关个遍历、判断、删除等相关操作技巧,需要的朋友可以参考下
js数组转换成tree结构数组算法