Array对象的常用方法有哪些
今天练习了一下Array数组的常用方法,老久不碰JS了,有些生疏了,正好今天练习了一下,练习完了顺便写下了这篇加深一下记忆。
操作方法
- 01
第一个要说的是pop()方法,这个方法是删除并返回数组的最后一个元素,请看下面代码, var arr=new Array(1,2,3,4,5,6,7,8); document.write(arr.pop()); document.write("<br>"); 运行这段代码会显示数组中最后一个元素8,如下图所示。
- 02
第二个要说的是PUSH()方法,这个方法表示向数组的末尾添加一个或多个元素,并返回新的长度。请看下面代码, var arr = new Array(3) arr[0] = "1" arr[1] = "2" arr[2] = "3" document.write(arr.push("4") + "<br />") document.write(arr) 运行这段代码会显示1,2,3,4,原先的数组元素是1,2,3,现在应用push方法后,增加了一个4,如下图所示。
- 03
第三个要说的是shift()方法,这个表示删除并返回数组的第一个元素。请看应用方法。 var arr=new Array(1,2,3,4,5,6,7,8); document.write(arr.shift()); document.write("<br>"); document.write(arr); 运行这段代码会显示数组中最后一个元素8,如下图所示。第一行返回数组的第一个元素1,第二行显示的是删除第一行元素后的数组。
- 04
第四个是splice()方法,删除一个元素并且向删除的元素位置添加一个新元素。演示代码如下所示。 var arr = new Array(1,2,3); document.write(arr+ "<br />"); document.write(arr.splice(1,1,4) + "<br />"); document.write(arr); 上述代码表示删除数组中的第二个数,并且把第二个变成4。用浏览器打开如下图所示。
- 05
第五个是unshift()方法,这个方法表明向数组的开头添加一个元素或多个元素并且返回新的长度。演示代码如下所示: var arr = new Array(1,2,3); document.write(arr+ "<br />"); document.write(arr.unshift(0,2) + "<br />"); document.write(arr); 这段代码表示我在数组中添加了2个元素0与2,用浏览器测试如下所示。
- 06
第六个方法是reverse()方法,这个方法表示颠倒数组中元素的顺序,代码如下所示: var arr = new Array(1,2,3,4,5,6); document.write(arr+ "<br />"); document.write(arr.reverse()); 用浏览器打开如下所示。
- 07
第七个方法是sort()方法,该方法表明对数组的元素进行排序,一般是升序排列,但是它只能区分0-9这几个数字,并不能区分10与100等这样的数字。如果是两位数它只看第一位进行排序。代码如下 var arr = new Array(9,2,6,321,8,1,199,4); arr.sort(); document.write(arr);
- 08
第八个方法是slice()方法,这个方法表示从某个已有的数组返回选定的元素。代码如下 var arr = new Array(9,2,6,3,8,1); document.write(arr.slice(1,6)); 这段代码表明要从数组中的第二个元素开始返回,返回6个,如果没有6个则都返回数组中的元素,用浏览器测试如下图所示。
- 09
第九个方法是toString()方法,此方法表示把数组转化为字符串并返回结果。代码如下所示: var arr = new Array(9,2,6,3,8,1); document.write(arr.toString()); 用浏览器打开如下所示
- 10
第十个方法是join()方法,该方法把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔,我这里是用空格+|分隔的,代码如下所示。 var arr = new Array(9,2,6,3,8,1); document.write(arr.join(" | ")); 用浏览器打开后,我们会看到如下结果。