陣列的方法

陣列添加和洗掉

1.尾部添加和洗掉

　　push( ) 尾部添加,引數就是要添加的項;如果添加多個,用逗號隔開;原陣列會改變,不需要賦值　　

　　pop( ) 尾部洗掉,不用寫引數,回傳的是洗掉的項

2.首部添加和洗掉

　　unshift( ) 頭部添加,引數就是要添加的項;如果添加多個,用逗號隔開;原陣列會改變,不需要賦值　　

　　shift( ) 頭部洗掉,不用寫引數,回傳的是洗掉的項

3.splice( a,b,c,d...)方法   

　　a:下標

　　b:個數 ( 為0,就是插入; 有數量,就是洗掉幾個)

　　c,d... 替換的值

　　可以替換陣列中,指定的值(從下標的開始)　　　　　　 回傳的是替換掉的值

　　可以在指定位置插入新項( 插入是下標的前面插入)  

　　可以洗掉( 洗掉是包括下標的)

　　例子: 可以替換陣列中,指定的值(從下標的開始)　　　　　　 回傳的是替換掉的值

            var arr = ['a','b','c','d','e'];
            //            0   1   2   3   4

            var arr1 = arr.splice(3,2,'x','y','z')
            
            console.log(arr); 
            //['a', 'b', 'c', 'x', 'y', 'z']
            
            console.log(arr1);
            //回傳的是:替換掉的值['d', 'e']

例子: 可以在指定位置插入新項( 插入是下標的前面插入)    回傳的是 [ ]

            var arr = ['a','b','c','d','e'];
            //            0   1   2   3   4

            var arr1 = arr.splice(1,0,'x','y','z')
            
            console.log(arr); 
            //['a', 'x', 'y', 'z', 'b', 'c', 'd', 'e']
            
            console.log(arr1);
            //回傳的是:替換掉的值[ ]

例子: 可以洗掉( 洗掉是包括下標的)   回傳的是洗掉的項

            var arr = ['a','b','c','d','e'];
            //            0   1   2   3   4

            var arr1 = arr.splice(1,1)
            
            console.log(arr); 
            //['a', 'c', 'd', 'e']
            
            console.log(arr1);
            //回傳的是:替換掉的值[ 'b' ]

4.slice( a , b)方法  用于得到子串 (原陣列不變,回傳是新的陣列) ,    類似字串的slice( )

　　a 下標  (包括a)

　　b 下標  ( 不包括b)

　　如果不提供第二個引數( b ),那么久截取到最后

5.陣列的join( ) 方法  和  字串的split( )方法

　　join( )　　　原陣列不改變

　　　　留空,默認為逗號分割,如同toString( ) 方法

　　例子:

            var arr = [1,2,3,4,5,6];
            
            var arr1 = arr.join();
            
            var arr2 = arr.join('&');
            
            console.log(arr);
            // [1, 2, 3, 4, 5, 6]
            
            console.log(arr1);
            // 1,2,3,4,5,6
            
            console.log(arr2);
            // 1&2&3&4&5&6

　　split( )　　　原陣列不改變

　　　　不能留空

　　例子:　

            var str = '123456'
            
            var str1 = str.split()
            console.log(str1);
            // ['123456']
            
            var str2 = str.split('')
            console.log(str2);
            // ['1', '2', '3', '4', '5', '6']
            
            var str3 = str.split(' ') //有一個空格
            console.log(str3);
            // ['123456']
            
            console.log(str);
            // '123456'

6.concat( ) 方法   可以合并多個陣列 , 不會改變原陣列

            var arr1 = [1,2,3];
            var arr2 = [4,5];
            var arr3 = [6,7,8];
            
            var arr = arr1.concat(arr2);
            
            console.log(arr);
            // [1,2,3,4,5]
            
            console.log(arr1); 
            // 原陣列不改變 : [1,2,3]
            
            var arr4 = arr1.concat(arr2,arr3);
            console.log(arr4);
            // [1, 2, 3, 4, 5, 6, 7, 8]

7.reverse( ) 方法  把陣列反一下順序,直接改變原陣列

            var arr = [1,2,3,4,5]
            var arr1 = arr.reverse();
            
            console.log(arr);
            // 會改變原陣列: [5, 4, 3, 2, 1]
            console.log(arr1);
            // [5, 4, 3, 2, 1]

8. indexOf( ) 和 includes( )  的區別

indexOf( )  搜不到回傳-1 ;  如果indexOf,有2個引數的話,是-1的,只能一個引數

includes( ) 搜不到 ,回傳false

9.sort( function( a,b ){ } ) 

　　如果a大于b,那么就要調換位置,否則不變

　　例子:

            var arr = [55,22,11,67,88,96,3,2,68];
            arr.sort(function(a,b){
                return a-b;  //從小到大排的
            })
            console.log(arr);
            //  [2, 3, 11, 22, 55, 67, 68, 88, 96]
            
            var arr1 = [55,22,11,67,88,96,3,2,68];
            arr1.sort(function(a,b){
                return b-a;  //從大到小排的
            })
            console.log(arr1);
            //  [96, 88, 68, 67, 55, 22, 11, 3, 2]

本文來自博客園，作者：楊建鑫，轉載請注明原文鏈接：https://www.cnblogs.com/qd-lbxx/p/15775207.html

標籤：其他

上一篇：字串的方法

下一篇：DOM - 事件