js数组常用操作方法小结(增加,删除,合并,分割等)_javascript技巧

本文实例总结了js数组常用操作方法。分享给大家供大家参考,具体如下:

var arr = [1, 2, 3, 4, 5];
//删除并返回数组中第一个元素
var theFirst = arr.shift();
alert(theFirst);//返回1 number
alert(arr);//2,3,4,5 object
//删除并返回数组中最后一个元素
var theLast = arr.pop();
alert(theLast);//返回5 number
alert(arr);//2,3,4 object
//在数组开始增加一个或多个元素,并返回数组长度
var theNewArrStart = arr.unshift(-1, 0);
alert(theNewArrStart);//返回5 number
alert(arr);//-1,0,2,3,4 object
//在数组结尾增加一个或多个元素,并返回数组长度
var theNewArrEnd = arr.push(5, 6);
alert(theNewArrEnd);//返回7 number
alert(arr);//-1,0,2,3,4,5,6 object
//从第i(数组索引)个位置删除n个元素
arr.splice(1, 2);
alert(arr);//-1,3,4,5,6 object
//从第i(数组索引)个位置删除n个元素,并插入s个新元素
arr.splice(1, 2, 10, 11, 12);
alert(arr);//-1,10,11,12,5,6 object
//合并2个或多个数组(concat中的参数可以为单个的值,也可以为数组,并且可以有多个值或数组)
var arr1 = [7, 8];
var arrCon = arr.concat(arr1);
alert(arrCon);//-1,10,11,12,5,6,7,8 object
//将数组中的元素使用特定的字符分隔,并返回字符串(如果不设置特定分割字符,则默认为逗号)
var theSep = arrCon.join('-');
alert(theSep);//-1-10-11-12-5-6-7-8 string
//点到数组中元素的顺序
var theRev = arrCon.reverse();
alert(theRev);//8,7,6,5,12,11,10,-1

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript遍历算法与技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
, 数组
, 合并
, 删除
, 分割
, 增加
常用操作
javascript分割数组、javascript分割字符串、javascript 分割、javascript 字符分割、javascript课程小结,以便于您获取更多的相关知识。

时间: 2025-01-02 14:27:17

js数组常用操作方法小结(增加,删除,合并,分割等)_javascript技巧的相关文章

使用js对select动态添加和删除OPTION示例代码_javascript技巧

<select id="ddlResourceType" onchange="getvalue(this)"> </select> 动态删除select中的所有options: document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option: document.getElementById("ddlResourc

js 数组的for循环到底应该怎么写?_javascript技巧

然后来看看今天我开始怀疑哪个权威哦家伙了... 自从开始学编程,自从接触到数组这个东西,我就一直在不同的地点和不同的时间不断看到有人提醒:在用for遍历数组的时候一定要用 for(var i=0,n=arr2.length;i<n;i++)的方式哦,而不要用for(var i=0;i>arr.length;i++)的方式哦,因为用脑子想想也知道,第二种方法的第二部分会一直去计算数组的length,所以自然效率比较低. 哦?我们这里不说其他程序语言,而只讨论js,因为不同的语言,实现可能不同,其

通过js动态操作table(新增,删除相关列信息)_javascript技巧

1.取得table对象 var objTable=document.getElementById( "tb_visitor" ); 2.新增一行 var objTempRow = objTable.rows[0]; //取得模板行 var objNewRow = objTable.insertRow( objTable.rows.length ); objNewRow.id = objTable.rows.length-1; //添加一行的相关信息 for ( var i=0 ; i

JS数组array元素的添加和删除方法代码实例_javascript技巧

js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb"; arr[2] = "ccc"; //alert(arr.length);//3 arr.pop(); //alert(arr.length);//2 //alert(arr[arr.length-1]);//bbb arr.pop(); //al

PHP关联数组实现根据元素值删除元素的方法_php技巧

本文实例讲述了PHP关联数组实现根据元素值删除元素的方法.分享给大家供大家参考.具体如下: <?php $array1 = array("a" => "green", "red", "blue", "red"); $array2 = array("b" => "green"); $result = array_diff($array1, $array

javascript使用 concat 方法对数组进行合并的方法_javascript技巧

在介绍前,抛出一个问题:如何将多个数组合并为一个数组? 以下的分享会分为如下小节: 1.concat方法的基础介绍 2.从实例中感受concat方法 1.concat方法的基础介绍 concat方法用于多个数组的合并.它将新数组的成员,添加到原数组的尾部,然后返回一个新数组,原数组不变. console.log([].concat([1],[2],[3])); // [1, 2, 3] console.log([].concat([[1],[2],[3]])); // [[1], [2], [3

JavaScript学习笔记之数组的增、删、改、查_javascript技巧

在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. 数组是JavaScript中常见的一个对象,它有一些经典的操作,比如数组的增.删.改.查.在这篇文章中主要整理这方面的相关操作方法. 增

JavaScript数组的栈方法与队列方法详解_javascript技巧

数组(Array)和对象(Object)应该是JavaScript中使用最多也是最频繁的两种类型了,Array提供了很多常用的方法:栈方法.队列方法.重排序方法.操作方法.位置方法.迭代方法等等. 1.Array的栈方法 栈是一种LIFO(Last-In-First-Out,后进先出)的数据结构,也就是最新添加的项最早被移除.栈中项的插入(push)和移除,只发生在一个位置--栈的顶部.ECMAScript为数组提供了push()和pop()方法,可以实现类似栈的行为.下面两图分别演示了入栈与出

javascript中去除数组重复元素的实现方法【实例】_javascript技巧

在实际应用中,我们很多时候都可能需要去除数组中的重复元素,下面就是javascript数组去重的方法实现: <script language="javascript"> <!-- /*判断数组中是否存在某个元素的方法*/ function isExistInArr(_array, _element){ if(!_array || !_element) return false; if(!_array.length){ return (_array == _elemen