JavaScript数组的常用方法

Js数组基本用法

 

数组的创建：

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

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

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

 

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

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

---

 

数组的基本操作方法：

目录：

• push
• pop
• unshift
• shiift
• concat
• join
• splice
• slice
• indexOf
• lastIndexOf

---

 

push方法

var len = arr.push( )

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

 

原生JS重构 push方法

         function push(arr) {

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

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

            }

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

        }

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

        console.log(arr, i)

 

---

 

pop方法

 

var itme = arr.pop( )

 

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

 

原生JS重构 pop方法

 

        function pop(arr) {

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

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

            return num //返回删除的元素

        }

 

        pop(arr)；

 

---

 

 unshuift方法 

 

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

 

var len = arr.unshift( )

 

原生JS重构 unshift方法

 

       function unshift(arr) {

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

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

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

                // console.log(arr)

            }

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

                arr[j - 1] = arguments[j]

                console.log(arr)

            }

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

        }

        unshift(arr, 9, 8, 7)

 

---

 

 shift方法

 

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

 

var itme =arr.shift( )

 

原生JS重构 shift方法：

 

    function shift(arr) {

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

            // console.log(itme)

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

                arr[i] = arr[i + 1]

                console.log(arr)

            }

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

        }

 

        console.log(shift(arr))

 

---

 

 concat 方法

 

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

var arr2 =arr.concat ( arr1 ) 

 

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

 

原生JS重构 concat方法：

 

 function concat(arr) {

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

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

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

                array[num] = arr[i]

            }

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

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

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

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

                    }

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

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

                    array[num] = arguments[j]

                }

            }

            return array  //返回新数组

        }

 

---

 

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，找到了指定的数据返回该数据的索引

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