JavaScript数组的基本操作

数组的创建方式：

方式一：构造函数构建数组

var arr = new Array ( ); 如果传入的参数为一个数字，代表数组的长度，不包含内容

// 可以传入字符串和数字，用逗号隔开，作为数组中的内容。

方法二：字面量方法创建数组（一般采用该方法）

var arr = [ ]; // 可以直接写入内容。用逗号隔开

数组的基本操作方法：

目录：

push
pop
unshift
shiift
concat
join
splice
slice
indexOf
lastIndexOf

push（）方法

var len = arr.push( )

在数组尾部添加一个或多个新元素，并且返回数组的新长度。

原生JS重构 push方法

 1  function push(arr) {

 2

 3             for (i = 1; i < arguments.length; i++) {

 4

 5                 arr[arr.length] = arguments[i]; //数组的尾部添加传入进来的参数

 6

 7             }

 8

 9             return arr.length; //返回数组的长度

10

11         }

12

13         var num = push(arr, 7, 8, 9)

14

15         console.log(arr, i)

pop（）方法

var itme = arr.pop( )

删除数组尾部的一个或者多个元素，并且返回被删除的这个元素

原生JS重构 pop方法

 1   function pop(arr) {

 2

 3             var num = arr[arr.length - 1]; //保存数组最后一个元素

 4

 5             arr.length--; //删除最后一个元素

 6

 7             return num //返回删除的元素

 8

 9         }

10

11         pop(arr)

unshuift( ) 方法

//将一个或者多个新元素添加在数组的最前面，返回数组的新长度

var len = arr.unshift( )

原生JS重构 unshift方法

 1   function unshift(arr) {

 2

 3             var len = arguments.length - 1;  //定义需要添加元素的长度，

 4

 5             for (var i = arr.length - 1; i >= 0; i--) { //使数组整体向后移动len个单位

 6

 7                 arr[i + len] = arr[i];

 8

 9                 // console.log(arr)

10

11             }

12

13             for (var j = 1; j < arguments.length; j++) { // 把传入的参数按顺序放入数组的前头

14

15                 arr[j - 1] = arguments[j]

16

17                 console.log(arr)

18

19             }

20

21                 return arr.length //返回新数组的长度

22

23         }

24

25         unshift(arr, 9, 8, 7)

26

27

shift( ) 方法

// 删除数组的第一个元素，并且返回该元素。

var itme =arr.shift( )

原生JS重构 shift方法：

 1   function shift(arr) {

 2

 3             var itme = arr[0];  //获取第一个元素

 4

 5             // console.log(itme)

 6

 7             for (i = 0; i < arr.length; i++) {  //把数组整体向前移动一个长度

 8

 9                 arr[i] = arr[i + 1]

10

11                 console.log(arr)

12

13             }

14

15             return itme //返回数组的第一个元素

16

17         }

18

19         console.log(shift(arr))

concat （）方法

var arr1 = arr.concat ( 10,11,12)

var arr2 =arr.concat ( arr1 )

//给原数组添加新元素或连接多个数组，复制给一个新数组

原生JS重构 concat方法：

 1 function concat(arr) {

 2

 3             var array = []; //定义一个空数组 用来复制新数组

 4

 5             var num = 0; //新数组的下标

 6

 7             for (var i = 0; i < arr.length; i++, num++) { //把第一个数组复制到新数组中

 8

 9                 array[num] = arr[i]

10

11             }

12

13             for (var j = 1; j < arguments.length; j++, num++) {  //把参数复制到新数组中

14

15                 if (arguments[j].constructor === Array) {  //判断参数是否是数组类型

16

17                     for (var m = 0; m < arguments[j].length; m++, num++) {  //遍历参数数组，添加到新数组中

18

19                         array[num] = arguments[j][m]

20

21                     }

22

23                     num--  // 由于上面两次循环 新数组下标添加了2次， 所以在这减少一次

24

25                 } else {  //参数不是数组类型，把参数添加到新数组中

26

27                     array[num] = arguments[j]

28

29                 }

30

31             }

32

33             return array  //返回新数组

34

35         }

join （）方法

var str = arr.join( )

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。若没有填入参数，默认用逗号隔开

splice （）方法

arr.splice (从什么位置开始，删除多少个元素，添加的元素…… )

//给数组中添加，删除，替换一个或者多个元素，返回被删除元素组成的数组

var arr1 =arr.splice( ) //创建一个空数组arr1

var arr1 =arr.splice( 0 ) 删除arr所有元素，将所有元素传递给arr1、

var arr1 =arr.splice( -1）传入的参数是负数的时候，表示倒数第几位开始。

var arr1 =arr.splice( 2，0，12，14）表示从第二位开始，不删除元素，插入12和14

//（正数是向后插入元素，负数是向前插入元素）

slice（）方法

功能：截取指定位置的数组，并且返回截取的数组，不会改变原数组

　　　参数：slice(startIndex, endIndex)

　　　注意：可从已有的数组中返回选定的元素。该方法接收两个参数slice(start,end)，省略表示到最后一位；

start和end都可以为负数，负数时表示从最后一位开始算起，如-1表示最后一位。

IndexOf（）方法

　功能：根据指定的数据，从前往后，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引

　　　参数：indexOf(value, start);value为要查询的数据；start为可选，表示开始查询的位置，当start为负数时，从数组的尾部向前数；如果查询不到value的存在，则方法返回-1

　　　注意：如果找到该数据，立即返回该数据的索引，不再往后继续查找

lastIndexOf( )方法

　功能：根据指定的数据，从后往前，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引

巴特西

JavaScript数组的基本操作

最新文章

热门文章