js 中數組常用方法和案例

一.創建數組

　　1.var 組數名=[值1，值2，值3]
　　2.new Array()
　　　　var 數組名= new Array（）；
　　　　var arr1= new Array(2) // 表示空數組占用兩個字符空間
　　　　var arr2= new Array(2,3) //等價於【2,3】表示里面有2個數組元素，2,3

二.檢測數組

1.instanceof 運算符 作用是檢查是不是數組
　　var arr=[]
　　var obj={}
　　console.log(arr instanceof Array)
　　console.log(obj instanceof Array)
2.Array.isArray(參數)(h5新增的，ie9以上的支持）
   例如：Array.isArray(arr)

 

三.數組的操作方法

var shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles'];   //創建一個名為shopping的數組名

alert(shopping)        //訪問數組

alert(shopping[0])   //訪問數組中的第一個值

//增加數組的值方法

 
            
            (1).push() 在我們數組的末尾  增加一個或者多個數組元素 
            
            
            var arr=[1,2,3]
arr.push(4,'pink')
alert(arr) 
            (2).unshift 在數組的開頭增加一個或者多個數組元素 
            arr.shift('red','pink')
console.log(arr) 
            
          

//刪除數組的值的方法

 
            
            (1)pop() 刪除數組的最后一個元素
arr.pop()
console.log(arr) 
            
            
            (2)shift刪除數組的第一個元素 
            
            
            arr.shift() 
            console.log(arr) 
            
          

四.數組排序

1.reverse()

var arr=[1,2,3,4,5]
arr.reverse() //反轉組數，也就是5,4,3,2,1

2.冒泡排序

 
            arr.sort() //如果是多位數會出現問題，他的排序是先根據個位數排序把最小的個位數的十位數放在前面
console.log(arr1) 
            固定的解決此問題的辦法格式
arr.sort(function(a,b){
return a-b;// 是顯示升序的效果，反轉就返回b-a降序效果
}) 
           

使用案例一：

獲取列表中的某個值的index值

var arr_color = ['red','bule','pink','green','red']

var index  = arr_color.indexOf('red')

for (var i = 0 ;i<=arr_color.length;i++){

 

    console.log(index); 

    if (arr_color.lastIndexOf('red') == index) {

        break;

    };

    index = arr_color.indexOf('red',index+1);

}